"¿Qué nombre de archivo le gustaría que un lector de pantalla lea en voz alta en su oído 40 veces al día?" Es una pregunta un poco absurda, pero es exactamente lo que sucede cuando una imagen significativa se deja con alt="image1.jpg" o, peor aún, sin ningún texto alternativo. Este artículo es una guía práctica para escribir texto alternativo que realmente ayuda, no sólo para el presente, sino también para el bien.
En resumen: lo que cubre esta guía
Por qué el texto alternativo incorrecto es casi tan malo como el texto alternativo faltante
Según WCAG 1.1.1, todo el contenido que no sea texto debe tener una alternativa de texto, pero el requisito formal es solo la mitad de la historia. "imagen1.jpg", "imagen" o "logotipo" técnicamente cumplen con el requisito (hay un atributo alt), pero no transmiten información real. Un usuario de lector de pantalla que escucha una cadena de "imagen... imagen... imagen23.png" no se siente menos frustrado que un usuario vidente que mira una serie de fotogramas vacíos.
Cómo escribir un buen texto alternativo
La regla guía: describe el mensaje de la imagen en el contexto donde aparece, no una descripción literal de lo que ves. Una fotografía de personas alrededor de una mesa en una reunión de equipo, que acompaña a un artículo sobre colaboración, podría incluirse como "Equipo trabajando juntos alrededor de una mesa", no como "Foto de personas". Para un cuadro o gráfico, describa la conclusión que presenta el gráfico: "Gráfico de barras que muestra un aumento del 40% en las ventas en el tercer trimestre" es significativamente mejor que "Gráfico de barras".
- Breve y con un propósito: por lo general, 1 o 2 oraciones son suficientes; No es necesario describir cada detalle visual.
- Omita "imagen de" o "imagen de": el lector de pantalla ya anuncia que es una imagen, por lo que no es necesario repetirla.
- Considere el texto circundante: la misma imagen puede tener texto alternativo diferente en diferentes contextos.
Cuándo dejar el texto alternativo intencionalmente vacío
No todas las imágenes necesitan una descripción. Las imágenes puramente decorativas (líneas divisorias gráficas, ilustraciones de fondo, íconos que simplemente repiten el texto cercano) se etiquetan mejor conalt=""(texto alternativo vacío, no falta) para que el lector de pantalla los omita por completo. La diferencia entre "faltante" y "vacío intencional" es fundamental: faltar suena como un error o lee el nombre del archivo; intencionalmente vacío simplemente lo salta en silencio.
💡 Consejo práctico
Una prueba rápida: si eliminas la imagen de la página por completo, ¿se perderá algo al usuario que no puede verla? Si no, probablemente sea decorativo y adecuado para un alt vacío.
Qué hacer con cuadros y diagramas complejos
Para un gráfico de datos complejo, una tabla comparativa ilustrada o una infografía con varias capas de información, el texto alternativo breve no es suficiente: hay demasiada información que transmitir. La solución: texto alternativo breve que describa el tema general, junto a él (en el texto normal que rodea la imagen, no solo en el atributo alt) una descripción más detallada de los datos importantes, o una tabla de datos equivalente por la que pueda navegar un lector de pantalla.
¿No estás seguro de qué texto alternativo falta o es problemático en tu sitio?
Nuestra herramienta encuentra imágenes sin texto alternativo en todos los documentos de su sitio y las marca por prioridad.
Haga que sus documentos sean accesibles de forma gratuita ←