Alt text
texto alternativo, atributo alt
El alt text es el texto alternativo que describe una imagen dentro del código de una web. Lo leen en voz alta los lectores de pantalla que usan las personas ciegas y lo emplean los buscadores para entender qué contiene esa imagen y en qué contexto aparece.
Para qué sirve y cómo se escribe
Cumple tres funciones a la vez. La primera es de accesibilidad: sin él, quien navega con un lector de pantalla escucha la palabra imagen y nada más. La segunda es de posicionamiento, porque es la principal pista que tiene Google sobre el contenido de una foto y la vía para aparecer en la búsqueda de imágenes. La tercera es de respaldo: cuando una imagen no carga, el navegador muestra ese texto en su lugar.
Escribirlo bien es sencillo si se aplica una regla: describe lo que se ve, como se lo contarías por teléfono a alguien que no puede mirar la pantalla. Concreto y breve, entre cinco y quince palabras suele bastar.
Un ejemplo de la diferencia. En la foto de una obra terminada, poner reforma como texto alternativo no aporta nada. Poner baño reformado con plato de ducha de resina y azulejo hexagonal blanco describe la imagen, ayuda a quien no la ve y le indica al buscador de qué trata la página.
Hay dos matices que se olvidan a menudo. Las imágenes decorativas, como una línea separadora o un fondo abstracto, deben llevar el atributo vacío para que el lector de pantalla las ignore en lugar de leer un nombre de archivo sin sentido. Y en las fichas de producto conviene incluir el modelo y el color exactos, porque son las palabras que la gente escribe al buscar.
Repetir la misma frase comercial en las cuarenta imágenes de una página no ayuda. Se detecta como relleno, empeora la experiencia de quien escucha la página y no mejora ninguna posición.
Ejemplo: una tienda online de mobiliario en Yecla
Un fabricante de muebles vende online 900 referencias. Las fotos se subieron desde el programa de gestión, así que todas tienen como texto alternativo el código interno del artículo, del tipo REF-2291-B.
La revisión afecta primero a las 150 referencias con más margen. Cada foto pasa a describir el producto tal como lo nombraría un cliente: sofá chaise longue tres plazas tapizado en pana beige, mesa de comedor extensible de roble macizo para ocho comensales, cabecero tapizado capitoné de 150 centímetros. Las imágenes de ambientación reciben una descripción de la escena, y los iconos decorativos se marcan como vacíos.
En paralelo se renombran los archivos con el mismo criterio, porque el nombre del archivo también es una señal, y se añade una descripción a las fotos que aparecen en las guías de compra del blog.
Cinco meses después, la búsqueda de imágenes de Google aporta el 11 por ciento de las visitas de la tienda, cuando antes no llegaba al 1 por ciento. Muchas de esas visitas llegan desde consultas visuales del tipo sofá pana beige, gente que buscaba una idea y encuentra el producto exacto.
El beneficio menos visible es el otro. Una asociación de personas con discapacidad visual que evalúa comercios online señala la tienda como utilizable, algo que antes no ocurría, y ese cumplimiento cobra importancia desde que la normativa europea de accesibilidad exige a las tiendas online unos mínimos.
