Capítulo 1: Imágenes

1. Para imágenes sencillas, una descripción breve
2. Para imágenes complejas, una descripción más amplia
3. Errores más comunes de accesibilidad en imágenes
4. Ejercicio: Practiquemos accesibilidad en imágenes
5. Lecturas complementarias: Imágenes accesibles
6. Glosario: Términos usados en el capítulo 1

Para imágenes complejas, una descripción más amplia

Hay otro tipo de imágenes que tienen un nivel de complejidad mayor, por ejemplo una estadística que transmite información relevante, extensa y que no se puede describir en el atributo alt. Veamos un ejemplo:

Cuando tengas un caso de este tipo, no te bastará describir la gráfica brevemente con el atributo alt, porque la información quedaría incompleta. Para estos casos, usa el atributo longdesc (textos equivalentes con descripciones largas).

Se trata de un atributo que contiene el URL o dirección de una página web que describa en profundidad la imagen, por ejemplo a través de una tabla, en el caso de gráficos estadísticos. Veamos cómo se añade en el código html el atributo longdesc:

 <img src="dominios.jpg" alt="Gráfico estadístico de dominios TLD en el mundo" longdesc="dominios.html" />

La anterior etiqueta les permitirá a los usuarios el acceso opcional a información de mayor detalle y profundidad, eliminando una vez más la barrera que generaría la ausencia de este atributo.

¿Quieres ver un ejemplo de cómo quedaría el html de descripción del anterior gráfico?

Siguiente tema: Errores más comunes de accesibilidad en imágenes

Anterior tema: Para imágenes sencillas, una descripción breve

Regresar al inicio de esta página