≡En resumen
- El texto alternativo describe la función o el contenido de una imagen para quien no puede verla.
- WCAG lo exige en el criterio 1.1.1, de nivel A, el mínimo de cualquier web accesible.
- Google lo usa, junto a la visión artificial y el texto de la página, para entender las imágenes; en imágenes enlazadas actúa como anchor text.
- Las imágenes puramente decorativas llevan alt vacío (alt=""), no un alt ausente.
- Un buen alt es breve, específico y adaptado al contexto, sin «imagen de» ni listas de palabras clave.
01 ¿Qué es el texto alternativo?
El atributo alt existe desde HTML 2.0 (RFC 1866, noviembre de 1995), que ya lo describía como texto para los navegadores que no mostraban imágenes. Se le suele llamar «etiqueta alt», pero técnicamente es un atributo de la etiqueta img, no una de las etiquetas HTML ni una meta etiqueta. Tampoco debe confundirse con el atributo title, que muestra un texto al pasar el ratón y no sustituye al alt.
02 Para qué sirve el texto alternativo: accesibilidad y SEO
Accesibilidad
Los lectores de pantalla (NVDA, JAWS, VoiceOver, TalkBack) leen el alt a las personas ciegas o con baja visión. Sin él, pueden leer el nombre del archivo o saltarse la imagen.
SEO de imágenes
Google usa el alt, junto a sus algoritmos de visión artificial y el contenido de la página, para entender de qué trata la imagen y posicionarla en Google Imágenes.
Enlaces con imagen
Cuando una imagen es un enlace, Google usa su alt como anchor text. Un logo que enlaza a la home o un botón gráfico necesitan un alt que describa el destino.
Imágenes que no cargan
Conexiones lentas, bloqueadores o errores de servidor: el navegador muestra el texto alternativo en el hueco de la imagen.
53,1 %
de las páginas de inicio tienen alguna imagen sin texto alternativo
Fuente: WebAIM Million 2026
10,8
imágenes sin texto alternativo por página de inicio, de media
Fuente: WebAIM Million 2026
16,2 %
de todas las imágenes de páginas de inicio sin texto alternativo
Fuente: WebAIM Million 2026
La falta de texto alternativo es el segundo error de accesibilidad más frecuente del estudio WebAIM Million, solo por detrás del bajo contraste. Y no afecta solo a la accesibilidad: en un logo o un botón gráfico enlazado, el alt hace de anchor text del enlace. En la práctica, es también una de las correcciones más baratas de cualquier web.
03 Qué exige WCAG 1.1.1 y la normativa de accesibilidad
El criterio de conformidad 1.1.1 Contenido no textual de las Pautas de Accesibilidad para el Contenido Web (WCAG) es de nivel A, el más básico: todo contenido no textual presentado al usuario debe tener una alternativa textual que cumpla el mismo propósito. Las excepciones son limitadas: los controles deben tener un nombre que describa su función, los CAPTCHA deben explicar qué son y ofrecer alternativas, y la decoración pura debe poder ser ignorada por las tecnologías de apoyo.
04 Cómo escribir un buen texto alternativo
- ✓Describe lo que aporta la imagen en ese contexto, no todo lo que se ve.
- ✓Sé específico: «Perro dálmata cachorro jugando con una pelota» mejor que «perro».
- ✓No empieces por «imagen de» o «foto de»: el lector de pantalla ya anuncia que es una imagen.
- ✓Si la imagen contiene texto importante, inclúyelo en el alt.
- ✓En imágenes que son enlaces o botones, describe la acción o el destino, no el dibujo.
- ✓Escribe con naturalidad y usa una palabra clave solo si describe de verdad la imagen.
- ✓Sé breve: no hay un límite oficial, pero una frase suele bastar; para gráficos complejos, explica los datos en el texto de la página.
- ✓No repitas el pie de foto ni el texto que ya está al lado: en ese caso, la imagen puede llevar alt vacío.
| Imagen | Alt mejorable | Alt recomendado |
|---|---|---|
| Foto de producto en una tienda | alt="IMG_2045" | alt="Cafetera italiana de acero inoxidable de 6 tazas" |
| Logo que enlaza a la portada | alt="logo" | alt="Inicio de Cafés Martínez" |
| Icono de lupa en un buscador | alt="lupa" | alt="Buscar" |
| Gráfico de ventas | alt="gráfico" | alt="Ventas online 2025: crecen un 40 % en el segundo semestre" y los datos en una tabla de la página |
| Foto de equipo en la página de contacto | alt="agencia marketing digital Alicante mejor agencia SEO" | alt="Equipo de la oficina de Alicante en la sala de reuniones" |
05 Imágenes decorativas: cuándo usar alt vacío
No todas las imágenes necesitan descripción. Si una imagen es puramente decorativa (una línea separadora, una textura de fondo, un icono junto a un texto que ya dice lo mismo), lo correcto es un alt vacío: alt="". Así el lector de pantalla la ignora. Lo que nunca debes hacer es omitir el atributo: sin alt, muchos lectores leen el nombre del archivo, y las auditorías lo marcan como error.
-
1
¿La imagen contiene texto?
Si ese texto no aparece en otro lugar, escríbelo en el alt. Si ya está en la página o es solo decorativo, alt vacío.
-
2
¿Es un enlace o un botón?
Describe la función o el destino: «Añadir al carrito», «Descargar el catálogo en PDF».
-
3
¿Aporta información?
Si es una foto o ilustración sencilla, una descripción breve. Si es un gráfico complejo, resume la idea en el alt y da los datos en el texto.
-
4
¿Repite lo que dice el texto de al lado?
Entonces es redundante: alt vacío.
-
5
¿Es pura decoración?
Alt vacío, o mejor aún, cárgala como fondo desde CSS.
Estos pasos resumen el árbol de decisión del W3C para el atributo alt. Las imágenes de fondo definidas en CSS no admiten alt, así que nunca pongas en ellas información importante.
06 Cómo añadir y revisar el texto alternativo en tu web
HTML
Añade el atributo alt a cada etiqueta img. En elementos picture, el alt va en el img de dentro.
WordPress
En la biblioteca de medios, cada imagen tiene el campo «Texto alternativo»; el bloque Imagen permite editarlo también en cada entrada.
Shopify y otras tiendas
Cada imagen de producto tiene su campo de texto alternativo en el panel; revísalo al importar catálogos en bloque.
Auditoría
Lighthouse, WAVE o cualquier rastreador SEO listan las imágenes sin alt. Revisa también que los alt existentes tengan sentido.
El alt es solo una parte del trabajo con imágenes: la optimización de imágenes cubre también formato, peso y tamaño, que afectan a la velocidad. Y como pieza de SEO on page, conviene revisarlo en un checklist de SEO on page junto a títulos y encabezados. En nuestros proyectos de diseño web con SEO la accesibilidad se incluye desde la plantilla, y dentro del servicio de posicionamiento SEO auditamos el alt de todo el catálogo.
Preguntas frecuentes sobre Texto alternativo
Es la descripción breve que se escribe en el atributo alt de una imagen para sustituirla cuando no se puede ver: la leen los lectores de pantalla, aparece si la imagen no carga y ayuda a los buscadores a entenderla.
Sirve para que las personas con discapacidad visual sepan qué muestra una imagen, para cumplir el criterio WCAG 1.1.1 y para que Google entienda y posicione mejor las imágenes.
El alt sustituye a la imagen cuando no se puede ver y lo leen los lectores de pantalla. El title es un texto opcional que aparece al pasar el ratón; no sustituye al alt ni es fiable para la accesibilidad.
No hay un límite oficial. Lo recomendable es una frase breve y concreta; si la imagen tiene mucha información, como un gráfico, resume la idea en el alt y explica los datos en el texto de la página.
Nada: un alt vacío, alt="", para que los lectores de pantalla la ignoren. Lo que no debes hacer es omitir el atributo, porque entonces pueden leer el nombre del archivo.
Sí. Google lo usa junto a la visión artificial y el contenido de la página para entender las imágenes, y en las imágenes enlazadas lo trata como anchor text. Rellenarlo de palabras clave, en cambio, puede considerarse spam.
Es un requisito de nivel A de WCAG, y desde el 28 de junio de 2025 la Ley 11/2023 exige accesibilidad WCAG AA a tiendas online y otros servicios digitales para consumidores, salvo microempresas de servicios.
Fuentes consultadas
Sobre el autor
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil y artículos → Ver perfil en LinkedIn ↗