Durante el diseño de un documento que contenga información no textual se ha de complementar esa información con textos equivalentes siempre que sea posible.
El texto alternativo indica a los dispositivos de usuario qué es lo que deben hacer en caso de no mostrar las imágenes y todo objeto multimedia (porque estén desactivadas, porque se trate de un navegador en modo de texto o un lector de pantalla, etc.).
Toda imagen contenida en una página Web debe disponer de una alternativa textual equivalente que proporcione la misma información o función que la imagen.
Existen dos tipos de alternativas textuales para las imágenes:
Texto alternativo: se indica a través del atributo alt del elemento de imagen IMG.
Descripción detallada: se indica a través del atributo longdesc del elemento imagen IMG.
Para imágenes sencillas usaremos el atributo “alt” con una breve descripción de las mismas. Si la información es más relevante y precisa de una información más detallada, como el caso de una gráfica, deberemos de usar “longdesc”, donde deberemos especificar una url con el texto explicativo.
En el caso de ser un elemento meramente decorativo bastará con no poner nada entre las comillas del atributo “alt”. Se recomienda para este tipo de caso usar imágenes mediante CSS. Ejemplo son viñetas, separadores, líneas, etc…
Si son imágenes textuales debido a causa mayor por el diseño, fuentes no estándar, el texto de la etiqueta debe de ser el mismo que el de la imagen. Por ejemplo en ecabezados…
En imágenes que actúan de enlaces el texto debe describir a donde lleva dicho enlace. Y si son animadas describiran la animación en sí.
Para los mapas de imágenes, imágenes divididas en áreas que contienen enlaces, toda área debe de llevar un atributo alt que describa el destino de los enlaces.
Por ahora es facilito todo ¿no?. La accesibilidad parece chunga pero no lo es. Un saludo!!
Artículos relacionados
Si te gustó el post de consultor de marketing online puedes suscribirte a mis feeds!
6:47 pm on April 10th, 2008
El gran problema de accesabilidad radica en Flash. Hay una abrumadora mayoría de páginas que lo usan hoy y, aunque cada vez más, Flash se va convirtiendo en una herramienta que incorpora sustanciales mejoras para el tema de la accesibilidad, las empresas, tanto los clientes como las agencias interactivas, pasan de aplicarlas bajo el supuesto pretexto de que encarece sustancialmente el trabajo final o, porque supuestamente, limita mucho la creatividad.
Saludos desde Superanuncios