Web accessibility service pageWeb accessibility service page

1.16:H301015 Contain a link client-side image map not presented elsewhere on the page.

Improper design

Below is an example of the image map covering the three main Web sites in Taiwan. Although there is a design for the user side image map, but there were no corresponding text links for the three main Web sites.

Improper design:

<P>
<IMG src="map2.gif" width="472" height="94" usemap="#Map" border="0" alt="three main Web sites in Taiwan"> 
</P>
<MAP name="Map">
    <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.tw" alt="yam">
</MAP>
          

Proper demonstration

Proper design is to target all super links in the server side image map, and provide corresponding text links within the Webpage.

Proper example:

  <P>
    <IMG src="map2.gif" width="472" height="94" usemap="#Map1" border="0" alt="three main Web sites in Taiwan">
  </P>
  <MAP name="Map1">
   <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.tw" alt="yam">
  </MAP>
  <P>
  Ħi<A href=" http://www.yahoo.com.tw ">Yahoo!kimo</A>Ħj
  Ħi<A href="http://www.pchome.com.tw"> PChome </A>Ħj
  Ħi<A href="http://www.yam.com.tw">yam</A>Ħj
  </P>
          
End of Main Content