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!!
Si te gusta este post puedes subscribirte al feed de consultor seo & sem!
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
Hola Antonio. Quiero poner en mi tieda virtual un mapa de imágenes con los productos y categorías más importantes de mi tienda.
El caso es que inspeccionando sobre el tema me he entrado un poco de miedo hacerlo. Tengo todo hecho con etiquetas alt y title. Teóricamente google tiene que interpretar esas imágenes como sólo texto.
Ahora bien, si en google haces una búsqueda de una web que utilice esos mapas de imágenes y ves la versión sólo texto de la caché, te encuentras que no aparece absolutamente nada. Ni la etiqueta title ni la alt, ni nada de nada.
¿Quiere decir eso que es invisible para google a pesar de las etiquetas alt y title?
Gracias y un saludo.