ATENCIÓN AL CLIENTE: +34 923 199 148

Imágenes accesibles en HTML

Las imágenes pueden ser interpretadas por un lector de pantalla siempre y cuando tengan un texto alternativo.

Es interesante incluir un texto alternativo en las imágenes, para que un lector de pantalla pueda leerlo en el lugar de la imagen y así, la persona con discapacidad visual que está utilizando el lector de pantalla, escuche dicho texto.

El código sería el siguiente:

<img src=’url de la imagen’ alt=’Descripcion de la imagen’ />

A la hora de diseñar una aplicación web, es interesante evaluar el grado de accesibilidad que queremos que tenga nuestra página. Si desde un principio hacemos un buen diseño, teniendo en cuenta aspectos de accesibilidad, será más sencillo que modificarla posteriormente para conseguir dicha accesibilidad.

Por ejemplo, si las imagenes de nuestra web se van a rellenar de manera dinámica (a partir de una base de datos), debemos diseñar la base de datos para que almacene un campo texto, que será el texto alternativo que se mostrará para cada imagen.

Contenido relacionado