martes, 17 de abril de 2012

Paso 16: Atributo «alt» vacío

Cuando queramos usar una imagen simplemente de manera decorativa, hemos de utilizar el atributo <alt> vacío, para no alterar la lectura que realizan los lectores de pantalla.
Esto se hace puesto que la imagen que estamos incluyendo no es relevante para el contenido. Para lograrlo, hemos de incluir <alt="">.
A modo de ejemplo utilizaré la imagen de la entrada anterior:

El código de esta imagen es el siguiente:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAJtlyVD2fXv2W-EukvXo9zurUPGQKCor6DnEKqZeNMf89Sp9AnmnloKprotNvQTTatXJyBisJ2LmG1649aP6Du1R_EPwMjQ45BcUlaSsrWCxc0I_9bC-RZeXu-bD0Xkc5FTOCYrWmVks/s1600/lengua_signos.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAJtlyVD2fXv2W-EukvXo9zurUPGQKCor6DnEKqZeNMf89Sp9AnmnloKprotNvQTTatXJyBisJ2LmG1649aP6Du1R_EPwMjQ45BcUlaSsrWCxc0I_9bC-RZeXu-bD0Xkc5FTOCYrWmVks/s1600/lengua_signos.jpg" /></a></div>


Accedo a la edición de entrada HTML y modifico el código por el siguiente:
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAJtlyVD2fXv2W-EukvXo9zurUPGQKCor6DnEKqZeNMf89Sp9AnmnloKprotNvQTTatXJyBisJ2LmG1649aP6Du1R_EPwMjQ45BcUlaSsrWCxc0I_9bC-RZeXu-bD0Xkc5FTOCYrWmVks/s1600/lengua_signos.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAJtlyVD2fXv2W-EukvXo9zurUPGQKCor6DnEKqZeNMf89Sp9AnmnloKprotNvQTTatXJyBisJ2LmG1649aP6Du1R_EPwMjQ45BcUlaSsrWCxc0I_9bC-RZeXu-bD0Xkc5FTOCYrWmVks/s1600/lengua_signos.jpg" alt="" /></a></div>



Tras cambiarlo, salgo y entro de la edición en HTML y observo que el atributo <alt> ha cambiado de lugar dentro del código, quedando asi: 
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAJtlyVD2fXv2W-EukvXo9zurUPGQKCor6DnEKqZeNMf89Sp9AnmnloKprotNvQTTatXJyBisJ2LmG1649aP6Du1R_EPwMjQ45BcUlaSsrWCxc0I_9bC-RZeXu-bD0Xkc5FTOCYrWmVks/s1600/lengua_signos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAJtlyVD2fXv2W-EukvXo9zurUPGQKCor6DnEKqZeNMf89Sp9AnmnloKprotNvQTTatXJyBisJ2LmG1649aP6Du1R_EPwMjQ45BcUlaSsrWCxc0I_9bC-RZeXu-bD0Xkc5FTOCYrWmVks/s1600/lengua_signos.jpg" /></a></div>

Problemas surgidos
Ninguno

No hay comentarios:

Publicar un comentario