Accessible image maps

For image maps, text alternatives are needed on both the <image> element itself (to describe the informative context) and on each of the <area> elements (to convey the link destination or the action that will be initiated if the link is followed). The <xref> content within the <area> element contains the intended alternative text or hover text for that image map area.

<imagemap id="gear_pump_map">
 <image href="../images/Gear_pump_exploded.png" id="gear_pump_exploded">
    <alt>Gear Pump</alt>
 </image>
 <area>
   <shape>circle</shape>
     <coords>172, 265, 14</coords>
     <xref href="parts/bushings.dita#bushings_topic/bushings" 
           format="dita">Bushings</xref>
 </area>
 <area>
     <shape>circle</shape>
     <coords>324, 210, 14</coords>
     <xref href="parts/ports.dita#ports_topic/sucction_port" format="dita"
       >Suction Port</xref>
 <

/area>
</imagemap>