¿Qué es Asistente de texto alternativo?

Elige el tipo de imagen, escribe el texto alternativo con ayuda de indicaciones específicas y compruébalo con la lista de verificación de accesibilidad. Incluye consejos y ejemplos para descripciones compatibles con lectores de pantalla.

Elige entre seis tipos de imagen — fotografía, icono, gráfico, decorativa, informativa o imagen-enlace — y el campo cambia a una indicación específica que orienta hacia lo que de verdad necesitan los usuarios de lectores de pantalla. Un contador avisa cuando cruzas los 125 caracteres y una lista de seis puntos verifica que la descripción sea concreta, breve, contextualizada, sin frases como 'imagen de', que empiece por lo más importante y no acumule comas ni palabras clave repetidas. Las imágenes decorativas reciben un recordatorio de alt="" para que la tecnología de apoyo las salte.

Cómo usar

1. Selecciona el tipo de imagen que estás describiendo: fotografía, icono, gráfico, decorativa, informativa o imagen-enlace.
2. Usa la indicación de tu tipo de imagen para escribir una descripción concisa.
3. Revisa tu texto alternativo con la lista de verificación de accesibilidad, luego cópialo para usarlo en tu HTML o CMS.

Cuándo usar

• Rellenar atributos alt en una galería de Shopify o WordPress antes del lanzamiento.
• Escribir alt para un gráfico de un informe trimestral para que el lector de pantalla cuente los números.
• Auditar una web para cumplir con WCAG 1.1.1 antes de una revisión de accesibilidad.

Resultado

Para un gráfico de barras que muestra ventas del primer trimestre: en lugar de "chart.png", escribe "Gráfico de barras con ventas del Q1 2024 por región: Norteamérica $2.1M, Europa $1.8M, Asia $1.4M".

Preguntas frecuentes

¿Por qué el alt text se considera el atributo más importante de accesibilidad?

Es el primer criterio de WCAG (1.1.1 contenido no textual, nivel A) y la única exigencia con la que un usuario ciego de lector de pantalla choca en cada página. Faltar perjudica la accesibilidad y también a los buscadores y a los crawlers de vistas previas.

¿Cuánto debería medir el alt text? ¿125 caracteres es un tope estricto?

Técnicamente no. Los navegadores y lectores de pantalla manejan textos más largos sin problema. La guía de 125 caracteres viene de versiones antiguas de JAWS que cortaban mal; ya está arreglado, pero las descripciones cortas siguen siendo menos cansinas de escuchar.

¿Qué hago con imágenes puramente decorativas, como divisores o adornos?

Usa alt="" (una cadena vacía), no omitas el atributo. El alt vacío indica al lector de pantalla que la imagen se salte. Si quitas el alt por completo, algunos lectores leen el nombre del archivo, que es peor que nada.

¿Cómo describo un gráfico complejo en 125 caracteres?

Empieza con el tipo de gráfico y la conclusión principal, no con todos los datos. 'Gráfico de líneas, los móviles superaron al escritorio en el T3 de 2024' funciona mejor que una lista de cifras mensuales. Los datos completos van en una descripción larga aparte.

¿Conviene empezar con 'foto de' o 'imagen de'?

No. El lector de pantalla ya anuncia que está leyendo una imagen, así que 'imagen de un gato' se convierte en 'imagen, imagen de un gato'. Empieza por el sujeto: 'Un gato gris en un sofá azul'. La lista del propio formulario detecta este patrón.

Herramientas relacionadas