Web Site Accessibility
Guidelines for SCS Webmasters

Skip to Main Content

What is Accessibility? - Making Your Web Site Accessible
Checklist for Accessibility
Must Have Items - Should Have Items - Try To Have Items
Items for More Experienced Webmasters
Apply These Items if Your Use These Special Features

Applets & Scripts
Blinking, Moving, or Flickering Content
Color
CSS
Forms
Frames
Graphs

Web Design Hints for SCS Webmasters

Frames

Rationale

When people who use nongraphical browsers visit a FRAMESET page, they must choose which frame to open. They must select the frame they want from a list of frames on the page. If Web authors provide meaningful frame titles, then users can easily identify the frame they want to open.

Techniques for Frames

The following techniques may be used to meet the checkpoint described in the Special Features - Frames section of the Checklist for Web Site Accessibility.


Accessible Frame Navigation

There are two parts to the technique for providing accessible frame navigation. First, meaningful titles should be included on the source page for each frame by using the TITLE element. The second part of the solution is to assign a meaningful name attribute and title attribute for each FRAME element on the FRAMESET page. For example:

Contents of frameset.html:

<HTML>
<HEAD>
<TITLE>A simple frameset document</TITLE>
</HEAD>
<FRAMESET>
<FRAME src="logo.html" title="Company logo" name="company logo">
<FRAME src="navigation.html" title="navigation" name="navigation">
<FRAME src="maincontent.html" title="Company main content" name="main contents">
<NOFRAMES>
This page contains three frames which can be accessed separately.<br>
At the top is our <A href="logo.html">Company logo</A><br>.
On the side is table of contents type <A href="navigation.html">navigation</A><br>.
The main content is loaded from the <A href="maincontent.html">Company main content</a>.
<NOFRAMES>
</FRAMESET>
 
Contents of maincontent.html:

<HTML>
<HEAD>
<TITLE>Company main content</TITLE>
...


Accessible Frame Source

The source of the FRAME element should always be an HTML file. If the source of a FRAME is an image file (such as, logo.gif), there is no opportunity to add the alt attribute. Therefore, the source of the frame is inaccessible. The logo.html file in the example contains an IMG element with the appropriate alt attribute.

Contents of logo.html:

<HTML>
<HEAD>
...
<IMG src= "logo.gif" alt= "Company name">
...

Recommended to enhance accessibility:

Using the NOFRAMES Element

Use NOFRAMES to specify equivalent content for browsers that cannot support frames or are configured not to display frames. In the previous example, the NOFRAMES element specifies pages that make up the frames. Another alternative (not shown) is to create a separate page that combines the content from all the frames into a single page, which creates an equivalent nonframes version of the site. The NOFRAMES element should not be used only to advise the user to get a browser capable of displaying frames, but it should be used to link to the non-frames equivalents.

 

What is Accessibility? - Making Your Web Site Accessible
Checklist for Accessibility
Must Have Items - Should Have Items - Try To Have Items
Items for More Experienced Webmasters
Apply These Items if Your Use These Special Features

Applets & Scripts
Blinking, Moving, or Flickering Content
Color
CSS
Forms
Frames
Graphs

Web Design Hints for SCS Webmasters