Es el elemento de accesibilidad que afecta a mayor número de personas. Con el equivalente textual pueden conocer el contenido de las imágenes y su utilidad.
El equivalente textual de las imágenes se realiza a través del atributo alt dentro de la etiqueta img. Este atributo pretende trasmitir el contenido y la función de la imagen, cuando esta no puede llegar al usuario de forma visual.
¿Cómo hacerlo?
En Blogger al estar situados en el editor del artículo y insertamos la imagen a través del botón "Insertar Imagen"
| <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_LM2LAcIyOV9XoeFC1ypcT6oLjQrW6W9_yn2hp9QUQEHjy6juapNAbU2JbhPliK1FfV_lDQdNmkj1XVouOVwumeITjbsMvX05vo2ntfXNbCCiuW38pdlggQT4qT_bOqIm60AD0YcBktM/s200/Foquita.png" /><br /> |
Tenemos que modificar el código para que nos permita hacerlo accesible para todos. Pensamos qué y para qué está la imagen. Eso es lo que debemos transmitir en el atributo alt y lo tenemos que hacer de la manera más breve y clara que podamos.
Pulsando con el botón derecho del ratón sobre la imagen, aparecerá un menú de edición de la imágen con las opciones de elegir tamaño, alineación, leyenda, propiedades y eliminar. Elegimos "Properties" y aparecerá una ventana para introducir el texto del title y el texto del alt.
| <img alt="Imágen de una cara de bebé" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_LM2LAcIyOV9XoeFC1ypcT6oLjQrW6W9_yn2hp9QUQEHjy6juapNAbU2JbhPliK1FfV_lDQdNmkj1XVouOVwumeITjbsMvX05vo2ntfXNbCCiuW38pdlggQT4qT_bOqIm60AD0YcBktM/s200/Foquita.png" title="Prueba del equivalente textual" /><br /> |
Se han añadido dos cosas:
- Se ha colocado el atributo alt en la etiqueta img informando a los que no vean la imagen de qué es y para qué sirve.
- El atributo title proporciona información adicional de forma visual,al pasar el puntero del ratón por la imagen aparecerá un pequeño cuadro emergente junto al puntero.