Iowa State University

Iowa State University

ISU Web Guide

Accessible frames

Frames should be avoided because they can cause usability problems. If you must use frames, each frame should be given a title that helps the user understand the frame's purpose. In addition, equivalent "no frames" information should be provided. Here are some tips on coding frames for accessibility.

Add a title to each frame

<html> <head> <title>A simple frameset document</title> </head> <frameset cols="10%, 90%"> <frame src="nav.html" title="Navigation bar"> <frame src="doc.html" title="Documents for Iowa State University"> </frameset>

Include a "noframes" element

Follow every occurrence of "frameset," with a "<noframe>" element that directs users to the appropriate web page. You also may want to describe the layout, purpose and relationship of the frames. In the example below, this description is contained in the "frameset-desc.html" link. <frameset cols="10%, 90%" title="Our library of electronic documents"> <frame src="nav.html" title="Navigation bar"> <frame src="doc.html" title="Documents"> </frameset> <noframes> <a href="noframes.html" title="Library link"> Select to go to the electronic library</a> <p><a href="frameset-desc.html"> Descriptions of frames.</a></p> </noframes>

To improve accessibility of frames, add titles to each frame element and a "no frames" option.