E. Server-Side Image Maps

Checkpoint (E) focuses on providing redundant text links for each active region of a server-side image map. See the sections below for specific examples and techniques.

Redundant text links for each active region of a server-side image map

Server-side image maps (those using the ISMAP attribute in the IMG element) usually don't or can't provide any textual information about the links that are coded into them.

If your site is using server-side image maps it is recommended that it be converted to a client-side image map with alt tags defined for each hotspot. More information on client-side image maps is available on Checkpoint (F). However a set of text links to all hotspots on the image map placed on the page will work as well.

Example

<a href="img/imgmap1.map"><img ismap src="imgmap1.gif" alt="Image map with links to Section A, B, C, D and E."></a><br />
[ <a href="a.htm">Section A</a>
| <a href="b.htm">Section B</a>
| <a href="c.htm">Section C</a>
| <a href="d.htm">Section D</a>
| <a href="e.htm">Section E</a> ]

Note: the "alt" text you provide in the IMG element informs the users that a text equivalent exists, but does not describe the image itself. If you want to describe the image map in detail, use "longdesc."

This page adopted from the Curriculum for Web Content Accessibility Guidelines 1.0, Copyright © 2000 W3C (MIT, INRIA, Keio), All Rights Reserved.