Saltar al contenido
Visual

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

  1. ¿Definiste la función de la imagen (informativa, decorativa, funcional, de texto)?
  2. ¿Las decorativas están con alt="" para que el lector las saltee?
  3. ¿Evitaste arrancar con "imagen de" o "foto de"?
  4. ¿El alt cuenta lo relevante para ESTE contexto y omite el ruido?
  5. ¿Los gráficos describen la conclusión, no la forma?
  6. ¿Las imágenes con texto lo transcriben completo?
  7. Leelo en voz alta: ¿entenderías la página con los ojos cerrados?