Web accessibility service pageWeb accessibility service page

1.5:H101004 Provide alternative text for all image map hot-spots (AREAs).

Improper design

The example below is the image map covering the three main Web site links in Taiwan, although the image map covered the three main Web site links in Taiwan provides replacement text explanation, however, it was not provided for the individual Web sites.

Improper design:

  <P>
  <IMG src="map2.gif" width="472" height="94" usemap="#Map_a" border="0" alt="three main Web sites in Taiwan">
  </P>
  <MAP name="Map_a">
    <AREA shape="rect" coords="10,8,158,86" href="http://www.yahoo.com.tw">
    <AREA shape="rect" coords="161,8,309,86" href="http://www.pchome.com.tw">
    <AREA shape="rect" coords="311,8,460,86" href="http://www.yam.com">
  </MAP>
          

Proper demonstration

A proper design is not only providing replacement text explanation for the image map that covered the three main Web sites in Taiwan,but also for each of the individual ink area labes.

Proper example:

  <P>
  <IMG src="map2.gif" width="472" height="94" usemap="#Map_b" border="0" alt="three main Web sites in Taiwan">
  </P>
  <MAP name="Map_b"> 
    <AREA shape="rect" coords="10,8,158,86" href="http://www.yahoo.com.tw" alt="Yahoo!kimo">
    <AREA shape="rect" coords="161,8,309,86" href="http://www.pchome.com.tw" alt="PChome">
    <AREA shape="rect" coords="311,8,460,86" href="http://www.yam.com" alt="yam">
  </MAP>
          
End of Main Content