Use el atributo alt
¿Cuál es la utilidad de los atributos alt?
El atributo alt
está definido en un conjunto de etiquetas (concretamente, img
, area
y, opcionalmente, en input
y applet
) para permitir proporcionar un texto equivalente al objeto.
El texto equivalente conlleva beneficios para el sitio Web y sus visitantes en las siguientes situaciones comunes:
- hoy en día, hay disponibles navegadores Web con características muy diferentes y para una amplia variedad de plataformas; algunos no pueden mostrar ninguna imagen o
sólo un conjunto restringido de tipos de imagen; otros pueden ser configurados de manera que no carguen las imágenes. Si el código incluye el atributo
alt
en las imágenes, la mayoría de éstos navegadores mostrarán la descripción dada en lugar de las imágenes. - algunos visitantes no pueden ver imágenes, ya sea por tener ceguera total, ceguera a los colores, poca visión; el atributo
alt
es de gran ayuda para aquellas personas que dependen de él para hacerse una idea de lo que hay en la página. - los motores de búsqueda pertenecen a las dos categorías anteriores: si se quiere que un sitio Web sea indexado como es debido, el atributo
alt
se asegurará de que los motores no se pierdan secciones importantes de las páginas.
¿Qué se debe poner en el atributo alt?
La regla general para el contenido del atributo alt
es: utilice un texto que cumpla la misma función que la imagen.
Otras reglas más específicas son:
- si la imagen es sólo texto decorado, se debe poner el mismo texto en el atributo
alt
. - si la imagen se usa para enumerar elementos en una lista, una línea horizontal u otra decoración similar, se puede poner un atributo
alt
vacío (p.ej.,alt=""
), pero es mejor usar otras opciones comolist-style-image
(estilo de imagen de lista) de CSS . - si la imagen contiene mucha información importante, se debe intentar resumirla en una frase breve para el atributo
alt
y añadir un enlacelongdesc
con una descripción más detallada.
Lecturas complementarias
- Pautas de Accesibilidad al Contenido en la Web y la sección específica de contenido alternativo
- Técnicas Fundamentales, sección 2 Equivalentes textuales
- Extractos del Manual de Grabación de la National Braille Association, tercera edición. Proporciona una guía para escribir descripciones de mapas, gráficos, y otras imágenes que contengan mucha información.
-
HTML 4.01 y la
sección específica sobre el atributo
alt
. - Proporcionando texto equivalente a las imágenes y Omitiendo imágenes separadores en las series Sumérjase en la Accesibilidad.