HTML and XHTML Documents that contain
This technique relates to:
- Success Criterion 1.1.1: Non-text Content (Sufficient)
- Success Criterion 2.4.4: Link Purpose (In Context) (Sufficient)
- Success Criterion 2.4.9: Link Purpose (Link Only) (Sufficient)
The objective of this technique is to provide text alternatives that serve the same
purpose as the selectable regions of an image map. An image map is an image divided
selectable regions defined by
area elements. Each area is a link to another
Web page or another part of the current Web page. The
alt attribute of each
area element serves the same purpose as the selectable area of the
This example uses the
alt attribute of the
to provide text that describes the purpose of the image map areas.
<img src="welcome.gif" usemap="#map1" alt="Areas in the library. Select an area for more information on that area." /> <map id="map1" name="map1"> <area shape="rect" coords="0,0,30,30" href="reference.html" alt="Reference" /> <area shape="rect" coords="34,34,100,100" href="media.html" alt="Audio visual lab" /> </map>
Resources are for information purposes only, no endorsement implied.
area element in an image map:
- Check that the
areaelement has an
- Check that the text alternative specified by the
altattribute serves the same purpose as the part of image map image referenced by the
areaelement of the imagemap.
- The above checks are true.