En este paso número 17 vamos a llevar a cabo el establecimiento de un mapa de imágenes accesibles, es decir, una imagen que nos portará la información necesaria para poder seguir informándonos a partir de ella.
En la siguiente imagen, hemos querido llevar a cabo las distintas partes de un árbol, por tanto, si queremos sabes cuáles son sus partes bastará con pasar el ratón por encima de ellas, teniendo la posibilidad de ampliar la información a partir de diversos portales a los que te redirecciona. Además, está hecho de tal forma que beneficie a todos los usuarios con dificultades que utilicen lectores de pantalla, etc...
Sin duda alguna, ha sido el paso que más me ha dificultado la tarea del blog, ya que, hasta el último momento, no me aparecía la imagen, dándome error en todos los casos. Finalmente he conseguido su establecimiento de la siguiente forma:
<div align="center">
<span style="color: lime; font-size: medium;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr-DtBLeeFvin2yoCX-SK5-tEJxqQuQvQBSQ7hAaZEX6znfbPoEERx393LXl2Xs3x5sk9xF5QR-d_ukWB_orVd4U4PuDyvAKJ5oVPj6gbWRl_RUS-j-I9NlQ7DAQkJPk3S0E4kSIL96xM/s1600/arbol.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="337" ismap="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr-DtBLeeFvin2yoCX-SK5-tEJxqQuQvQBSQ7hAaZEX6znfbPoEERx393LXl2Xs3x5sk9xF5QR-d_ukWB_orVd4U4PuDyvAKJ5oVPj6gbWRl_RUS-j-I9NlQ7DAQkJPk3S0E4kSIL96xM/s1600/arbol.jpg" usemap="#arbol.jpg" width="250" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<map name="arbol.jpg">
<area alt="Copa de árbol" coords="127,108,-88" href="http://www.mailxmail.com/curso-interpretacion-graficos-todas-edades/dibujo-arbol-copa" shape="CIRCLE" title="Copa del árbol"></area>
<area alt="Tronco del árbol" coords="117,203,145,267" href="http://www.castor.es/tronco.html" shape="RECT" title="Tronco del árbol"></area>
<area alt="Raíces del árbol" coords="16,269,246,332" href="http://es.wikipedia.org/wiki/Ra%C3%ADz_(bot%C3%A1nica)" shape="RECT" title="Raíces del árbol"></area>
No hay comentarios:
Publicar un comentario