El texto alternativo explicado fácil: qué contar y qué omitir en una imagen
3 min de lectura · WCAG 1.1 (Alternativas textuales)
Escrita por Mapa Bianchi
Una persona que usa lector de pantalla no ve tu imagen: la escucha. El texto alternativo (alt text) es esa descripción que vive en el código, invisible a la vista, y que el lector lee en voz alta. Sin él, la imagen es un agujero: el software anuncia "imagen" y sigue de largo, o peor, lee el nombre del archivo (IMG_4821.jpg). Escribir buen alt text es decidir qué se pierde alguien que no puede mirar.
La pregunta que ordena todo: ¿para qué está esta imagen?
No todas las imágenes se describen igual. Antes de escribir, definí qué función cumple:
- Informativa: aporta contenido (una foto, un mapa, un diagrama). Se describe.
- Decorativa: solo adorna (una textura de fondo, una línea divisoria). Se marca como vacía (
alt="") para que el lector la saltee. - Funcional: es un botón o un link (un ícono de lupa que busca). El alt describe la acción, no el dibujo: "Buscar", no "ícono de lupa".
- De texto: la imagen es texto (un flyer, una captura con palabras). El alt transcribe ese texto completo.
El error más común no es describir mal: es describir todo, incluso lo que debería ser invisible.
Qué contar y qué omitir
El alt text no es un inventario. Es lo que le contarías a alguien por teléfono en una frase. Contá lo que importa para el contexto; omití lo obvio y lo redundante.
Foto de una persona firmando un contrato:
Malo: "Imagen de una persona." (no dice nada)
Malo: "Foto de una mujer de pelo castaño, camisa azul, sentada en una silla de oficina gris, con una lapicera negra en la mano derecha, junto a una ventana con cortinas beige." (ruido: nadie necesita las cortinas)
Bueno: "Una persona firma un contrato sobre un escritorio."
La clave es el contexto. La misma foto en una nota sobre moda podría necesitar "camisa azul de lino"; en una nota sobre trámites, no.
Reglas de oro
- No empieces con "imagen de" o "foto de". El lector ya anunció que es una imagen. Es como decir "palabra: casa".
- Sé concreto, no genérico. "Gráfico" no sirve; "Gráfico de barras: las ventas subieron 40% entre enero y marzo" sí.
- Cerrá con punto. El lector hace una pausa natural al final de la oración.
- Sin texto redundante. Si el epígrafe visible ya describe la imagen, el alt puede quedar vacío para no repetir.
- Corto. Apuntá a una o dos oraciones. Si necesitás más, la descripción larga va en el cuerpo del texto, no en el alt.
Casos que confunden
Gráficos y datos: no describas la forma, describí la conclusión. El dato que el gráfico quiere mostrar es el alt. Si los números son muchos, ponelos en una tabla o en el texto y usá el alt para el titular.
Memes: describí la imagen Y el texto sobreimpreso, porque el chiste vive en la combinación. "Meme del perro sentado en una casa en llamas diciendo 'esto está bien'."
Capturas de pantalla: transcribí lo relevante. Una captura de un tuit necesita el texto del tuit y quién lo escribió, no "captura de pantalla de una app".
Imágenes de texto: transcribí todo. Un flyer con fecha, lugar y hora tiene que tener esos tres datos en el alt, o la persona se pierde el evento.
Checklist rápido antes de publicar
- ¿Definiste la función de la imagen (informativa, decorativa, funcional, de texto)?
- ¿Las decorativas están con
alt=""para que el lector las saltee? - ¿Evitaste arrancar con "imagen de" o "foto de"?
- ¿El alt cuenta lo relevante para ESTE contexto y omite el ruido?
- ¿Los gráficos describen la conclusión, no la forma?
- ¿Las imágenes con texto lo transcriben completo?
- Leelo en voz alta: ¿entenderías la página con los ojos cerrados?
Para chequearlo rápido
Revisá tu alt con el revisor de texto alternativo →¿Querés que lo veamos con tu contenido?
Conocé mi consultoría en accesibilidad (en mapabianchi.online, se abre en otra pestaña)