Home | Step-by-Step Guide

Accessibility issue: Text equivalents
Please confirm that you have loaded the following AU page: index1.html

This page demonstrates the most basic of accessibility principles. The banner logo and all the menu options are presented with graphics. None of the graphics have "alt" attributes. If a presenter uses a screen reader to read this page, the user will hear how, if at all, a screen reader identifies images that have no text equivalent.

This page provides an excellent opportunity to look at source code, even for novice audiences, since the HTML is extremely simple. Novice audiences may benefit from a brief explanation of HTML while looking at this page's source code. Such an explanation will help them to better understand many of the solutions that require knowledge of HTML.

The "alt" attributes can be demonstrated in any of three ways:

• Read the page with a screen reader.
• Point to any graphic with a mouse, and note the bubble that appears, which includes the text from the "alt" attribute.
• View the source code.

Whichever of the above approaches you use to examine this inaccessible page, use the same approach when examining the accessible version of the page, which follows.

After showing this inaccessible example, follow the link at the bottom of the page to the Accessible Version.

When finished, Go to next page.