The learner will list four techniques by which information conveyed visually will be available to all visitors, and identify under which circumstances each is appropriate.
Put the slide covering the main points of this part of the presentation on the overhead. Then turn off the overhead. Ask the learners what the objective for this segment is. When they complain, explain that the light bulb of the overhead is the equivalent of proper page markup. Without the bulb, it does not matter what the page says: we will not get the information anyway.
Using visual elements, especially to convey information, risks excluding some of your visitors
Show image of visually attractive, colorful web site in graphical browser
Include images for navigation
Include colors as indicators (green for good, yellow for so-so, red as a warning)
Show same page using Lynx, or with the graphics turned off
Ask the learners to identify what information is now lost
Ask participants who might be excluded and why:
Blind visitors using screen-reading software
Visitors with visual impairments such as color blindness
Visitors using non-graphical or poor resolution displays
Show same page as plain text page using only header elements
Text-only pages lack visual appeal and are difficult to read without something to break it up.
Ask the learners how to accommodate both segments of your visiting public
Introduce the idea of alternative ways to present the same information
Include ALT attribute with the IMG tag to provide succinct description of the function of the image
For more complex images, such as graphs and charts, provide LONGDESC attribute with the IMG element and textual description of the information conveyed in the image
Include empty ALT attribute with non-information items such as "spacers" and images used as dividers
Provide a link to a named anchor at location in the page that describes graphic
If using images/graphics as navigational elements, be sure to include clear explanation of the link destination AND use redundant text links to the same destinations
Provide examples of how to include the strategies named above in your page (i.e. proper HTML coding to accomplish the alternative delivery methods)
When showing the page without graphics, ask the learners to offer what information is lost. Collect their responses on a flip chart or transparency.
Ask learners to identify what segments of their potential customer base will be lost without proper markup. Collect responses on a flip chart or transparency.
Use question and answer to solicit from the learners how to accommodate both types of visitors: visually-inclined and visually-impaired.
A quick quiz where the student chooses the correct attribute to use in a series of graphic situations:
To access Lesson Plan as a Microsoft® Word document: Accessible_Images_Visual_Elements_lessonplan.doc
Back to Section Table of Contents
Back to Curriculum Table of Contents