Tutorials from WAC. Click or press ALT+T to return to the Tutorials main page.

Understanding and Applying
Section 508 Standards


divider

Using Frames:

(i) Frames shall be titled with text that facilitates frame identification and navigation.

Frames provide a means of visually dividing the computer screen into distinct areas that can be separately rewritten. Unfortunately, frames can also present difficulties for users with disabilities when those frames are not easily identifiable to assistive technology. For instance, a popular use of frames is to create "navigational bars" in a fixed position on the screen and have the content of the web site retrievable by activating one of those navigational buttons. The new content is displayed another area of the screen. Because the navigational bar doesn't change, it provides a stable "frame-of-reference" for users and makes navigation much easier. However, users with disabilities may become lost if the differences between the two frames are not clearly established.

Image of web page that uses frames.

The above image shows a web site that used to be based on frames The top navigation area, including the program logo and navigation bar remain static while the information changes below. (Note: this site was later updated to remove frames. Visit the new, improved site at: http://english.ohio-state.edu/programs/dmp).

While Section 508 guidelines require that frames be titled and labeled to identify the changing areas of information, the WAC recommends that web developers avoid using frames in most cases. Instead, templates can be developed to manage repeating information (such as background color, logos, and navigation menus) across the site.

Before deciding to use frames in your site, we recommend you read more about the problems with frames:

Jacob Nielsen: "Why Frames Suck (most of the time)."

ALT.HTML: "Why are Frames so Evil?"

Web Design Group: "Guide to Frame Usage."

If you do decide to use frames, be sure to read the Access Board's guidelines for creating accessible frames.

Next  Link and graphic of hand pointing to the next page.

divider

(a) Alternate Descriptions for Non-Text Elements | (b) Synchronization with Multimedia | (c) Use Color for Design, not Context | (d) Using Style Sheets | (e) Server-Side Image Maps | (f) Client-side Image Maps | (g & h) Data Table Headers | (i) Using Frames | (j) Flashing or Flickering Elements | (k) Updating Text-Only Versions | (l) Using Scripts to Create Dynamic Pages | (m) Using Applets and Plug-Ins | (n) Using Online Forms | (o) Skip Navigation Link | (p) Using Time Out Scripts | 508 Checklist | Testing for 508 Compliance |

Return to Start of Section 508 Tutorial

Information in this tutorial adapted from the Section 508 web site: http://www.section508.gov and the Access Board's Guide to the Section 508 Standards for Electronic and Information Technology.