El texto alternativo (alt text) es una breve descripción escrita de una imagen, añadida al atributo HTML alt. Los lectores de pantalla lo leen en voz alta para usuarios ciegos o con baja visión, los motores de búsqueda lo leen para entender qué muestra la imagen, y los navegadores lo muestran cuando la imagen no puede cargarse. Mantenlo por debajo de 125 caracteres y describe el significado, no los píxeles.
El texto alternativo es la pieza más pequeña del SEO y la más grande de la accesibilidad. Una sola frase por imagen sirve a dos audiencias a la vez: los usuarios que dependen de tecnología asistiva y los motores de búsqueda que intentan entender qué muestra tu página.
¿Qué es el texto alternativo?
El texto alternativo es una cadena de texto añadida a una etiqueta <img> a través del atributo alt. Ofrece una versión solo texto de la imagen para cualquier persona o sistema que no pueda verla.
El atributo alt tiene tres funciones:
- Accesibilidad — los lectores de pantalla anuncian el texto alternativo para que usuarios ciegos o con baja visión entiendan la imagen
- SEO — Google y Bing usan el texto alternativo como una de las señales más fuertes para entender el contenido de una imagen
- Respaldo — los navegadores muestran el texto alternativo cuando una imagen no se carga, cuando el usuario desactiva las imágenes o en conexiones muy lentas
La auditoría Million de WebAIM 2024 probó el millón de páginas de inicio más populares. Encontró que el 21,8% de las imágenes carecían de texto alternativo o lo tenían vacío, y que los alt faltantes eran el fallo de accesibilidad más común de todo el conjunto de datos, por delante del contraste, las etiquetas de formulario y las trampas de teclado.
Por qué importa el texto alternativo
- Cumplimiento de accesibilidad. El Criterio de Éxito 1.1.1 de WCAG 2.2 exige alternativas de texto para todas las imágenes no decorativas. Los alt faltantes impulsan demandas por inaccesibilidad web relacionadas con la ADA —más de 4.000 presentadas en EE. UU. en 2024.
- Posicionamiento en Google Imágenes. El texto alternativo es una de las tres señales principales que Google utiliza para posicionar imágenes.
- Relevancia contextual de la página. El texto alternativo contribuye al contexto de palabras clave on-page más allá de la búsqueda de imágenes.
- Experiencia de usuario en conexiones lentas. Los usuarios en redes móviles inestables ven el texto alternativo antes de que carguen las imágenes.
- Ingestión por IA. Los modelos de lenguaje analizan el texto alternativo como parte del contenido semántico de la página.
Cómo funciona el texto alternativo
Cuando un navegador encuentra una etiqueta <img>, lee el atributo alt y decide qué hacer según el contexto.
Flujo del lector de pantalla
Un lector de pantalla como NVDA, JAWS o VoiceOver llega a la imagen, anuncia "gráfico", lee el texto alternativo y continúa. Si el alt está vacío (alt=""), la imagen se salta como decorativa. Si el atributo alt falta por completo, la mayoría de lectores de pantalla lee el nombre del archivo —normalmente una cadena aleatoria que no aporta información útil.
Flujo del motor de búsqueda
Googlebot lee el texto alternativo, lo combina con el texto circundante, el título de la página y el nombre del archivo, y utiliza ese conjunto para entender qué representa la imagen. La imagen se indexa para Google Imágenes y contribuye a la relevancia temática general de la página.
Renderizado de respaldo
Si la URL de la imagen devuelve 404 o falla la red, el navegador muestra el texto alternativo dentro del marcador de posición de la imagen. Este era el propósito original del atributo en 1993.
Tipos de imágenes y cómo ponerles alt text
| Tipo de imagen | Enfoque | Ejemplo de texto alternativo |
|---|---|---|
| Informativa | Describe el significado | "Gráfico de líneas que muestra los ingresos por búsqueda en EE. UU. subiendo un 34% de 2020 a 2024" |
| Producto | Describe el producto con concisión | "Zapatilla Nike Air Max 90 azul, vista lateral" |
| Decorativa | Atributo alt vacío | alt="" |
| Funcional (icono en botón) | Describe la acción | "Buscar" o "Añadir al carrito" |
| Compleja (gráfico, diagrama) | Texto alternativo corto + descripción larga en el texto circundante | "Diagrama de embudo de ventas — ver descripción debajo" |
| Texto en imagen | Repite el texto literalmente | "Cartel que dice 'Pintura fresca — no tocar'" |
Ejemplos reales de texto alternativo
Misma imagen, progresión de incorrecto a correcto:
- Malo:
alt="imagen123.jpg"— literalmente el nombre del archivo, inútil. - Peor:
alt="perro cachorro lindo perros mascotas"— relleno de palabras clave, dañino para SEO y accesibilidad. - Mejor:
alt="Cachorro de golden retriever"— preciso pero genérico. - Óptimo:
alt="Cachorro de golden retriever sentado en el césped con una pelota roja"— describe el contenido significativo en contexto.
Otro ejemplo: una infografía que muestra el CTR orgánico por posición en SERP:
- Alt ideal: "Gráfico de barras: CTR orgánico por posición en SERP — posición 1: 27,6%, posición 2: 15,8%, posición 3: 11%, posiciones 4-10 por debajo del 8%. Fuente: estudio Backlinko 2023."
Texto alternativo vs pie de foto — cuál usar
Ambos describen una imagen. Sus audiencias difieren.
Usa texto alternativo cuando
- Cada imagen necesita una alternativa de texto (WCAG)
- Los lectores de pantalla necesitan entender el contexto
- Los motores de búsqueda necesitan señales del contenido de la imagen
- La imagen apoya el texto, no es el protagonista
- Quieres un respaldo si falla la carga de la imagen
Usa pie de foto cuando
- Todos los usuarios se benefician de contexto adicional
- Quieres un crédito fotográfico o citar la fuente
- La imagen necesita explicación para lectores videntes
- Quieres añadir comentario editorial
- El texto alternativo y el pie de foto pueden complementarse, no repetirse
7 mejores prácticas para escribir texto alternativo
- Describe el significado, no los píxeles. "Equipo celebrando el lanzamiento de un producto" supera a "12 personas alrededor de una mesa con portátiles".
- Manténlo bajo 125 caracteres. La mayoría de lectores de pantalla truncan cadenas más largas.
- No empieces con "imagen de" o "foto de". Los lectores de pantalla ya anuncian que es una imagen.
- Incluye la palabra clave objetivo una vez —si encaja de forma natural. Nunca hagas keyword stuffing.
- Usa
alt=""para imágenes decorativas. Omite el alt vacío solo cuando la imagen transmita un significado real. - Adapta el tono a la página. Los alt de producto son factuales; los alt editoriales pueden ser más descriptivos.
- Audita con un escáner. Axe DevTools, WAVE y Lighthouse detectan alts faltantes o vacíos en segundos.
Omitir el atributo alt por completo en lugar de usar alt="" para imágenes decorativas. Los lectores de pantalla responden leyendo la URL de la imagen: nombres de archivo como hero-v2-final-FINAL.jpg se pronuncian en voz alta, lo cual es peor que el silencio.
Errores comunes de texto alternativo
- Keyword stuffing. Google marca explícitamente el relleno de alt text como señal de spam.
- Omitir el alt en imágenes no decorativas. Los lectores de pantalla anuncian el nombre del archivo: un fallo de accesibilidad.
- Duplicar el pie de foto textualmente. La repetición desperdicia el tiempo del lector de pantalla.
- Usar el mismo alt para cada imagen de producto. "Foto de producto" no dice nada.
- Escribir alt solo en inglés en sitios multilingües. Los alts deben coincidir con el idioma de la página.
Preguntas frecuentes
Apunta a 125 caracteres o menos. La mayoría de lectores de pantalla cortan después de eso. Si se necesita más detalle, ponlo en el texto circundante o en un atributo longdesc en lugar del alt.
No. Las imágenes decorativas deben tener un atributo alt vacío (alt="") para que los lectores de pantalla las omitan. Nunca omitas el atributo: la tecnología asistiva leerá el nombre del archivo en su lugar.
Sí. Google utiliza el texto alternativo para entender el contenido de la imagen, indexar imágenes para Google Imágenes y contribuir a la relevancia de la página. Un texto alternativo bien escrito también correlaciona con mejores posiciones para el texto circundante.
El texto alternativo reside en el atributo HTML alt y es leído por lectores de pantalla o mostrado cuando una imagen no puede cargarse. Un pie de foto aparece visiblemente debajo de la imagen para todos los usuarios. Ambos deben cumplir funciones distintas: no es necesario duplicarlos.
Sí. El Criterio de Éxito 1.1.1 de WCAG 2.2 (Contenido no textual) exige una alternativa de texto para cada imagen no decorativa. Es la violación de accesibilidad más citada en demandas de la ADA: la auditoría Million de WebAIM 2024 encontró que el 21,8% de las páginas de inicio tenían alts faltantes o vacíos en imágenes significativas.
Términos relacionados
Fuentes
- [01]W3C WAI — Tutorial de texto alternativo para imágenes
- [02]WebAIM — El estudio Million 2024
- [03]Google Search Central — Mejores prácticas de Google Imágenes
- [04]WCAG 2.2 — Criterio de éxito Contenido no textual
- [05]Auditoría interna de calidad de alt text en 200 posts de clientes, mayo 2026
