17 mapas de imagen accesibles

Mapas de imagen
Ejemplo de mapa de imagen

Los mapas de imágenes son una manera creativa de incorporar imágenes a nuestra página con la posibilidad de incorporar alternativas a estas imágenes. En este caso se trata de un mapa de imagenes mediante tres circulos que situando el cursor encima nos indican la posibilidad de ir a diferentes secciones del Blog.
En este caso a la página principal, a mis datos personales o al primer post del Blog.
Estos mapas de imágenes se definen con la etiqueta <map> determinando las áreas de imagen mediante un enlace.
Se ha creado mediante el atributo <usemap>.


<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidFANlfy0xjF9mlWaWp2BnqYnfmO0u2QfDIuoM6PeIH0sE_lye0E-NHZRx70gsWW43MZcQmbgsmcRoLK4A1wtYqDOK8WdKynuaTh5B54RfgaEEXkmesZex5dXOUzzikFx-Hb7uMTYbwuE/s1600/circulos.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Imagen con tres círculos que enlazan a tres apartados de este blog" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidFANlfy0xjF9mlWaWp2BnqYnfmO0u2QfDIuoM6PeIH0sE_lye0E-NHZRx70gsWW43MZcQmbgsmcRoLK4A1wtYqDOK8WdKynuaTh5B54RfgaEEXkmesZex5dXOUzzikFx-Hb7uMTYbwuE/s320/circulos.jpg" title="Enlaces a tres zonas de este blog de Salva" usemap="#MAP32263126" width="320" /></a>Mapas de imagen

<map name="MAP32263126">
<area alt="Ir a la página principal" coords="47,17, 68,17, 96,35, 105,62, 104,89, 94,111, 67,131, 45,126, 26,109, 15,82, 17,56, 26,34, 42,21, 47,17" href="http://dptsalvadorgarcia.blogspot.com.es//" shape="POLY" title=" acceder a la página principal"></area>
<area alt="Ir a mis datos personales" coords="131,97, 111,120, 102,156, 115,188, 134,206, 168,203, 187,181, 197,148, 194,127, 179,107, 161,96, 131,97" href="http://www.blogger.com/profile/06483945255158286568" shape="POLY" title="acceder a mis datos personales"></area>
<area alt="Ir al primer post del blog" coords="218,179, 199,206, 195,244, 209,270, 235,287, 266,275, 284,251, 285,221, 273,191, 248,173, 218,179" href="http://dptsalvadorgarcia.blogspot.com.es/search/label/1%20%C2%BFPara%20qui%C3%A9n%20es%20la%20accesibilidad%20web%3F" shape="POLY" title="acceder al primer post"></area>
</map>



Otra forma es la que incorpora Blogger mediante  enlaces de imágenes a otras páginas.
Ejemplo