Paso 14: Mapas de Imágenes Accesibles

Los mapas de imágenes son muy utilizados sobre todo en tiendas online. Sin embargo, no resultan accesibles por lo que debemos evitarlos en la medida de lo posible. Cuando debamos hacer uso de los mismos deberemos:

1. Utilizar el atributo <USEMAP> ya que el mapa es controlado por el dispositivo del usuario. Por el contrario, con <ISMAP> lo define como controlado por el servidor. 
2. Introducir el tag <ALT> con el equivalente textual de las imágenes.
3. Introducir el tag <TITLE=""> a la imagen principal y a cada área en caso de que no queramos que aparezca un cuadro emergente en los navegadores visuales.

El producto final sería algo similar a esto:
   <img src="MiMapa.jpg" width="500" height="200" usemap="#map" alt="Navegación por mi bitácora" title="">
 <map name="Map">
 <area shape="rect" coords="203,114,258,129" href="principal.htm" alt="Página Principal" title="">
 </map>

Este sería un ejemplo: