Imágenes accesibles en HTML

WebProgramacion > Blog > Accesibilidad Web > Imágenes accesibles en HTML
Autor: Dámaso Velázquez Álvarez

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.

Podría interesarte...

Tablas accesibles en HTML
Ejemplo de tabla HTML para almacenar datos de manera accesible
Campos de texto accesibles
Ejemplo de campo de texto accesible con ASP.NET
Tablas con capas
Ejemplo para maquetar una tabla con capas y estilos CSS. Imprescindible si queremos que nuestra web sea accesible por ...

Enlaces recomendados

Fecha

3/6/2008