Imágenes accesibles: alt text bien hecho

Cuándo escribir alt, cuándo dejarlo vacío y cómo redactarlo para que aporte.

Actualizado el min de lectura

Imágenes informativas

Describe el contenido relevante para entender la página, no la descripción literal. "Mujer mirando gráfico de ventas crecientes" mejor que "imagen-001.jpg".

Imágenes decorativas

Si no aportan información (íconos junto a texto, separadores, patrones), usa alt="" y aria-hidden="true". El lector no debe anunciarlas.

Imágenes con texto

Si la imagen contiene texto, repítelo en el alt. Evita imágenes con texto cuando puedas: no son responsive ni traducibles.

Logos

El alt del logo debe ser el nombre de la marca, no "logo". Ejemplo: alt="ADMSYS" es correcto, alt="Logo de la empresa" es vago.

Gráficos complejos

Para gráficos con muchos datos, alt breve + un párrafo cercano con el detalle. O usa figcaption.

¿Te fue útil este artículo?

✓ ¡Gracias por tu feedback!

Lamentamos que no haya sido lo que buscabas. ¿Quieres contactarnos directamente?

Contactar soporte

¿Aún necesitas ayuda?

Si no encontraste lo que buscabas, contáctanos y te ayudaremos lo antes posible.

Contactar soporte