sábado, 19 de mayo de 2012

Paso 15: Equivalente textual para imágenes

En el paso número 15, llega el momento de poner en práctica el conocimiento adquirido sobre el atributo "Alt", considerado como uno de los elementos principales para la accesibilidad en la web.
La función principal que vamos a conseguir, en este caso, con el atribulo "alt" es beneficiar a todos aquellos usuarios con problemas visuales en el momento de interpretar una imagen que aparezcan en un post. Es decir, vamos a realizar una equivalencia textual para imágenes.
Para ello, vamos a insertar una imagen de un niño con un ordenador portátil, habiendo modificado el atributo "alt" para la accesibilidad de los usuarios anteriormente indicados. ¡Fíjate en lo que pasa al pasar el ratón por encima de la imagen!:
De esta forma, hemos realizado una modificación de código de la siguiente forma:


<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZXEjDIX2CNNWdhH-TUBpzoPgHracQzUmWiyFgvX49mf3kfw-z_3C9IQ252bRWyzWcdpxJqsI7a_tv8Tuk0O_AEQ3WIpWwoQljs9u04hiOXzQNxOP92MPcxBqop3OV3ps-TF_bTrv2Y1I/s1600/nino-y-ordenador.jpg" alt="Foto de un niño empezando a utilizar un ordenador portátil" title="Niño utilizando las TIC" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="299" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZXEjDIX2CNNWdhH-TUBpzoPgHracQzUmWiyFgvX49mf3kfw-z_3C9IQ252bRWyzWcdpxJqsI7a_tv8Tuk0O_AEQ3WIpWwoQljs9u04hiOXzQNxOP92MPcxBqop3OV3ps-TF_bTrv2Y1I/s320/nino-y-ordenador.jpg" width="320" /></a></div>
<br />

No hay comentarios:

Publicar un comentario