Imágenes sin alt: qué se pierde en Google y en accesibilidad
El texto alternativo es la descripción que ocupa el lugar de la imagen cuando la imagen no se ve. Sirve a dos públicos distintos, y a uno de los dos le importa mucho más de lo que suele pensarse.
Qué es, en una frase
El alt es un texto escondido en el código que describe lo que muestra una imagen. No se ve en pantalla mientras la imagen carga bien.
Aparece en tres situaciones: cuando la imagen no carga, cuando alguien navega con un lector de pantalla, y cuando Google intenta entender de qué trata tu página.
Los dos públicos
Las personas que no ven la imagen. Alguien con discapacidad visual navega tu sitio con un programa que lee la página en voz alta. Cuando llega a una imagen, lee el alt. Si no hay alt, lee el nombre del archivo: «imagen guion bajo dos mil veinticuatro guion bajo cero cero siete punto jpg». Si además esa imagen es un botón, esa persona no tiene forma de saber qué hace.
Google. No ve las fotos, lee las descripciones. El alt es lo que le permite entender que la imagen de tu portada muestra un taller mecánico y no una pizza, y es lo que te da opción de aparecer en la búsqueda de imágenes.
Del segundo público se habla siempre; del primero, casi nunca. Y es el que tiene un problema real cuando falta.
Cómo se escribe uno bueno
La pregunta que hay que responder no es «qué se ve en la foto» sino «qué se pierde alguien que no puede verla».
Mal: alt="imagen", alt="foto1", alt="DSC_0042".
Regular: alt="taller". Correcto y vacío.
Bien: alt="Mecánico revisando el motor de una camioneta en el taller".
Si la imagen es un botón o un enlace, el alt describe la acción, no el dibujo. Un ícono de sobre que abre el formulario de contacto no lleva alt="sobre": lleva alt="Escríbenos".
Si la imagen tiene texto encima —un afiche, un precio, una promoción—, ese texto va en el alt. Es información que de otro modo desaparece.
El error contrario
Rellenar el alt de palabras clave: alt="cerrajero santiago cerrajero urgente cerrajero 24 horas maipu".
Dos motivos para no hacerlo. Google lo detecta hace años y lo trata como lo que es. Y alguien con lector de pantalla tiene que escuchar esa cadena completa, en voz alta, imagen por imagen.
La medida razonable es una frase. Si necesitas dos líneas para describir una imagen, probablemente esa información debería estar en el texto de la página.
Las imágenes decorativas llevan alt vacío
Este es el punto que casi nadie sabe y que separa un sitio bien hecho de uno lleno de ruido.
Hay imágenes que no aportan información: una línea divisoria, una textura de fondo, un adorno. Describirlas molesta más de lo que ayuda.
Para esas, la forma correcta no es omitir el atributo, es dejarlo vacío: alt="". Escrito así, el lector de pantalla la salta en silencio, que es exactamente lo que corresponde. Si el atributo simplemente no está, el programa asume que alguien se olvidó y lee el nombre del archivo.
La diferencia entre «no hay alt» y «hay un alt vacío» parece un tecnicismo. En la práctica es la diferencia entre una página que se puede escuchar y una que no.
Lo que se suele olvidar alrededor
El nombre del archivo también se lee. Subir taller-mecanico-maipu.jpg en vez de IMG_20240712.jpg es gratis y ayuda a los dos públicos.
El ancho y el alto declarados. No tienen que ver con el alt, pero se arreglan en el mismo momento. Sin ellos, el navegador no sabe cuánto espacio reservar y la página salta cuando la imagen aparece, moviendo el botón justo cuando alguien iba a apretarlo.
El texto dentro de una imagen no se indexa. Si tu lista de precios o tu horario están dentro de un JPG, para Google no existen. El alt ayuda, pero no reemplaza tener ese texto escrito en la página.
¿Es una obligación legal?
Conviene ser preciso, porque se dice de todo. En Chile la norma técnica de accesibilidad web obliga a los organismos del Estado. Para un sitio privado no existe hoy una exigencia equivalente ni una multa asociada.
Dicho eso: es una de las mejoras más baratas que existen, no requiere rehacer nada y beneficia a alguien concreto. Y si trabajas con el sector público, o postulas a fondos, te lo van a pedir.
Cómo se agrega en cada plataforma
WordPress: en la biblioteca de medios, cada imagen tiene el campo «Texto alternativo». También aparece al insertarla en el editor, en el panel de la derecha.
Wix: clic en la imagen → ícono de configuración → «Texto alternativo».
Shopify: en las imágenes de producto, el ícono de editar sobre cada foto abre el campo «Texto alternativo de la imagen».
En los tres es un campo de texto, no requiere tocar código, y el cambio queda aplicado en todas las páginas donde aparezca esa imagen.
Nadie revisa cien imágenes a mano. Lo que hace falta es la lista de cuáles no tienen alt y en qué página está cada una, para poder ir directo a corregirlas en vez de recorrer el sitio buscándolas.
Preguntas frecuentes
¿Todas las imágenes necesitan texto alternativo?
Todas necesitan el atributo alt, pero no todas necesitan una descripción. Las imágenes decorativas —líneas, texturas, adornos— llevan alt vacío (alt=""), que le indica al lector de pantalla que las salte en silencio. Omitir el atributo por completo no es lo mismo: en ese caso el programa lee el nombre del archivo.
¿Cuánto debe medir un texto alternativo?
Una frase suele bastar. Si necesitas dos líneas para describir la imagen, esa información probablemente debería estar escrita en el texto de la página, no escondida en el alt.
¿El alt sirve para posicionar en Google?
Ayuda a que Google entienda de qué trata la imagen y da opción de aparecer en la búsqueda de imágenes, pero es una señal menor. Rellenarlo de palabras clave no funciona y además obliga a quien usa lector de pantalla a escuchar esa lista completa.
¿Es obligatorio por ley en Chile poner texto alternativo?
La norma técnica chilena de accesibilidad web obliga a los organismos del Estado. Para un sitio privado no existe hoy una exigencia equivalente ni una multa asociada, aunque sí se pide habitualmente al trabajar con el sector público o al postular a fondos.
Sin registro y sin instalar nada. Ves todos los problemas gratis; el informe con las soluciones cuesta $19.990.