Cómo escribir textos ALT

Cómo escribir textos ALT

Por Catalina Hormazabal, uxcata.cl

El texto alternativo (ALT) es una breve descripción que se agrega a las imágenes de un sitio web. Permite que los lectores de pantalla transmitan contenido visual a personas con discapacidades visuales. Un texto alternativo bien hecho es esencial para garantizar la accesibilidad y la facilidad de uso de la web. El mejor texto alternativo considera tanto el contexto de la imagen como su propósito.

No solo describas lo que ves. Considera el contexto y la intención del autor; es importantísimo comprender su propósito. Por lo mismo, utilizar ChatGPT no es la mejor opción.

La IA aún no puede escribir texto alternativo por sí sola

Usa la inteligencia artificial para refinar el texto alternativo, pero no lapidas  que lo cree desde cero.

Bien, habiendo aclarado esto podemos seguir (lo lamento a los fanaticos del IA)

Pasos clave para escribir texto alternativo:

1. Identifica la intención: Escribe las ideas principales que transmite la imagen en el contexto de la página. Responde: ¿Por qué el autor incluyó esta imagen?
2. Sé breve: El texto alternativo no debe superar los 150 caracteres.
3. Evita redundancias: No incluyas palabras como "imagen" o "foto". Los lectores de pantalla ya identifican las imágenes como tales.
4. Incluye un punto al final: Esto garantiza que el lector de pantalla haga una pausa adecuada.
5. Usa siempre un atributo ALT: Incluso si estará vacío (alt=""). De lo contrario, los lectores de pantalla podrían anunciar el nombre del archivo de imagen.
6. Evita jerga y abreviaturas: A menos que estés seguro de que todos los usuarios las comprenderán.

Un Alt para cada imagen

Imágenes decorativas:

Si la imagen no aporta información y la página puede entenderse sin ella, clasifícala como decorativa. En estos casos, el atributo ALT debe estar vacío (alt="") para que el lector de pantalla la omita. Las imágenes decorativas pueden ser útiles para usuarios videntes como parte de la interfaz, pero para usuarios con discapacidad visual solo generan interrupciones.

Imágenes funcionales:

Incluye texto alternativo para imágenes con funciones específicas, como:

• Imágenes con enlaces.
• Botones e íconos.
• Códigos QR.
• Elementos de navegación.

Imágenes informativas

Acá el texto alternativo debe describir información no cubierta en otras partes de la página, o dar más detalle. 

Por ejemplo, si en esta imagen el título ya dice: “Bola de nieve festiva castillo Fantasyland 2024 Mickey y Minnie Mouse”, el ALT no debe repetir esa descripción. 

En cambio podríamos poner Alt: Bola de nieve de 15 centimetros  con base roja adornada con figura de Pluto, en su interior se puede ver a Mickey y Minnie con sus trajes navideños acompañados de el castillo Fantasyland”