Por User Media el
Texto alternativo para imágenes: si la foto solo decora, el campo va vacío
Una foto de producto nombra el rasgo que decide la compra; una promoción, su oferta y su condición; una imagen que solo decora lleva el campo vacío.
El texto alternativo para imágenes es la frase que un lector de pantalla lee en lugar de la foto, y la que aparece cuando no carga. En HTML va en el atributo alt de la etiqueta img, y Google lo usa junto con la visión por computadora y el contenido de la página para entender de qué trata cada imagen. Por eso sirve más describir lo que la imagen aporta que repetir palabras clave.
¿Qué es el texto alternativo y qué debe decir en una imagen?
El ALT reemplaza la información visual con palabras que cumplen el mismo propósito. El criterio 1.1.1 de WCAG 2.2 pide una alternativa textual para el contenido no textual cuando aporta información o función. La frase debe permitir entender qué cambia para la persona, aun cuando la imagen no cargue o no pueda verse.
La descripción cambia según el uso que tiene la imagen en esa página. Una foto de producto puede nombrar modelo, color y rasgo decisivo; una foto ambiental junto a un titular que ya dice lo mismo puede no requerir una descripción.
¿Cómo escribir texto alternativo para productos y portadas?
Una buena descripción comercial nombra lo que ayuda a decidir la compra. En una ficha, “Mochila impermeable negra con compartimento acolchado para portátil” expresa modelo, color y utilidad; encaja en las tiendas en línea que diseñamos, donde foto, nombre y precio necesitan leerse como un conjunto.
La portada necesita describir su aporte concreto, no una escena genérica. Si una reunión refuerza un servicio, el ALT puede indicar quién participa y qué hace; si el encabezado ya comunica esa idea y la foto solo crea ambiente, la pieza funciona como decoración.
El nombre del archivo nunca explica lo que una persona necesita entender. “IMG_4832.jpg” y “foto de una imagen” no sustituyen una descripción. Tampoco el atributo title reemplaza al ALT: un pie visible cumple otra función y conviene separarlo del texto alternativo.
¿Cuándo debo dejar vacío el campo de texto alternativo?
Una imagen decorativa debe quedar fuera del recorrido de la tecnología de asistencia. La guía de W3C indica usar alt="", sin espacios entre las comillas, cuando la imagen no añade información ni una acción. Así, el lector escucha lo que hace avanzar la tarea, no elementos visuales que solo ambientan.
Repetir la misma foto también puede convertir información en ruido. En la ficha de una mochila, las miniaturas que solo repiten la imagen principal pueden quedar vacías si no muestran un detalle diferente. La decisión depende de lo que ya comunica la página.
¿Qué pongo si la imagen tiene texto, como una promoción o un anuncio?
Las palabras legibles dentro de una imagen también deben llegar a quien no la ve. La guía de imágenes de W3C recomienda incluir ese texto en la alternativa; fuera de los logos, suele ser mejor presentar el texto como contenido real cuando el diseño lo permite.
Una promoción necesita conservar la condición que cambia la decisión. Si un anuncio dice “Envío gratis en Bogotá hasta el viernes” y esa información no está al lado, “Envío gratis en Bogotá hasta el viernes” comunica más que “banner de envíos”. En landing pages orientadas a una acción, esta diferencia evita que la oferta desaparezca para parte de la audiencia.
¿Cómo describir gráficos e imágenes con mucha información?
Una visualización compleja necesita una síntesis breve y una explicación que se pueda consultar. web.dev propone una alternativa corta más un enlace o salto a la explicación extensa en la misma página para gráficos, mapas e infografías.
El ALT anuncia el hallazgo principal y el contenido cercano entrega el detalle. Por ejemplo, un gráfico de ventas puede resumir la tendencia en el ALT y presentar debajo una tabla con las cifras y los periodos. Así cada formato conserva un trabajo claro.
| Tipo de imagen | ALT breve | Detalle adicional |
|---|---|---|
| Foto de producto | Rasgo decisivo | Ficha y variantes |
| Promoción | Oferta y condición | Texto de la página |
| Gráfico | Hallazgo principal | Tabla o explicación |
¿El texto alternativo ayuda al SEO de tus imágenes?
El contexto útil ayuda a entender la imagen, pero no garantiza una posición. Google pide que el ALT sea informativo y contextual y advierte que repetir palabras clave perjudica la experiencia y puede parecer spam. La frase debe describir esta imagen, en esta página, para esta persona.
La forma de publicar la imagen también determina si el buscador puede descubrirla. Google encuentra las imágenes que van en el atributo src de una etiqueta img, pero no indexa las que se ponen como fondo con CSS, el código que da estilo a la página. Si tu sitio usa un tema o un constructor de páginas, revisa cómo entrega cada imagen antes de dar por hecho que el campo ALT lo resuelve todo, y cuida también su peso, como explicamos en cómo optimizar imágenes para web.
- ¿La frase transmite la información o acción que aporta la imagen?
- ¿Describe esta versión concreta, en lugar de repetir palabras clave?
- ¿El texto visible de una promoción aparece también en la alternativa?
- ¿La imagen decorativa usa alt="" y no un espacio entre comillas?
- ¿El gráfico tiene una explicación extensa accesible cerca de la imagen?
- ¿La imagen se publica como img cuando debe descubrirse en Google?
Preguntas frecuentes sobre texto alternativo
¿El texto alternativo de una imagen que funciona como enlace debe describir la imagen o la acción?
Cuando una imagen es enlace, su alternativa comunica el destino o la acción. Google señala que el ALT de una imagen enlazada funciona como texto de anclaje. Una lupa que abre la búsqueda necesita expresar “Buscar”, mientras una miniatura hacia una ficha debe identificar el producto o destino.
¿Debo empezar el texto alternativo con “imagen de” o “foto de”?
La descripción suele ser más útil cuando empieza por el contenido relevante. El lector de pantalla ya anuncia que se trata de una imagen, así que “Mochila impermeable negra” entrega la información antes que “Foto de mochila impermeable negra”. La excepción depende de que el tipo de imagen aporte un significado necesario.
¿Cómo agrego texto alternativo a una imagen en Word?
Word permite escribir, revisar o aprobar el texto alternativo desde el propio panel de la imagen. Con clic derecho sobre la foto y Ver texto alternativo se abre ese panel; si Microsoft 365 propuso uno automático, su ayuda indica editarlo o aprobarlo y, si la imagen solo decora, marcarla como decorativa. El Comprobador de accesibilidad, en la pestaña Revisar, señala las imágenes que se quedaron sin texto.
¿Necesitas que tus imágenes expliquen lo que aportan?
En User Media diseñamos páginas y piezas donde cada imagen apoya el mensaje, la accesibilidad y el recorrido de tu cliente. Hablemos de tu proyecto.
