Text alternatives for graphics

Syntax for image tag with "alt"

<img src="location of image" alt="short description of picture or function">

Try it:

This is a picture of a man water skiing, add appropriate alt-text

Syntax for input of type="image"

<input type="image" src="foo.gif" alt="Text on button">

This image button () below submits text to a search engine. Add appropriate alt-text to the button

Syntax for image with "alt" and "longdesc"

<img src="location of image" alt="short description of picture or function" longdesc="souce of long description file">

Try it:

Here is a chart showing traffic density. There is also a file, traffic.htm, which describes the chart. Add alt-text and the longdesc attribute for this image.

Now test your results with JAWS or Home Page Reader

Hands-on Navigation

Here is the list of links to Hands-on examples.

• Text Equivalents alttext.htm
• Forms forms.htm
• Tables tables.htm
• Color in form FormColorNotOK
• Color in form OK FormColorOK
• Bad form BadForm
• BadForm Labeled BadFormLabeled
• Style style
• Complex Table ComplexTable.htm