El atributo <alt> es posible que sea el más conocido cuando se habla de accesibilidad web. Este atributo permite conocer a las personar que utilicen lectores de pantalla o navegadores por voz el contenido de las imágenes que se exponen. Sin este atributo muchos navegadores se quedarían sin conocer el contenido de las imágenes.
El procedimiento más adecuado es insertar en la etiqueta <IMG>
![]()
los atributos que aporten, lo más sucintamente posible, metainformación equivalente al valor informativo de la imagen utilizada:
- el atributo <alt>
, para informar qué representa la imagen y si tiene alguna funcionalidad, especialmente cuando actúa como vínculo a otra información,
- el atributo <title> para informar sobre la finalidad de la imagen en su contexto.
, para informar sobre la finalidad de la imagen en su contexto.
Como ejemplo de una imágen que, además, actúa como vínculo a otra página:
La imagen que se ha insertado es la del logotipo de Technosite, además, actuará como vínculo a la web correspondiente. Para conseguir que ningún usuario se vea privado de esa información, ésta es la etiqueta que le aplicamos:
<img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtYPf6f_jqhfjc2agMOTceb4YURtOY3fk1ouuceKg4a_rkmRTYh_vNEMKEZaAZgVaZZ_6EKvdw-uuomvIcW7TdXgKB1fTCZltn9tr_GZ_nSPQpKFumF9IX5La6D75EIaJSQARAsRgijIoV/s104/logo_technosite.gif"alt="Imagen
del logotipo de Technosite
que enlaza con la web de Technosite" title="Acceso a la web de
Technosite" />
</a>
No hay comentarios:
Publicar un comentario