Comprobador de texto alt de imágenes
Respuesta breve
Encuentra imágenes sin texto alt y comprueba los atributos alt existentes.
Qué hace
Escanea cada `<img>` de la página y valida la presencia de texto alternativo, el marcado de imágenes decorativas mediante `alt=""` vacío, y los patrones de alt igual al nombre de archivo (texto alternativo que solo repite el nombre del archivo de imagen). Devuelve una lista de las imágenes que necesitan atención.
Por qué importa
El texto alternativo es cómo los usuarios de lectores de pantalla saben qué muestra una imagen, y el criterio WCAG 1.1.1 exige una alternativa textual para cada imagen significativa. Google también usa el texto alternativo, junto con el contenido que rodea a la imagen, para entenderla en Google Imágenes. Un texto alternativo ausente hace fallar al primer grupo y deja al segundo con menos información.
Cómo funciona
-
Introduce la URL de una página o pega su HTML
-
Leemos cada elemento `<img>` y su atributo alt del HTML
-
Aplicamos reglas de calidad: alt ausente, alt vacío (decorativo) y alt igual al nombre de archivo
-
Devolvemos la cobertura de texto alternativo y una lista de las imágenes sin un alt adecuado
Ejemplo de entrada y salida
url: https://rankproof.eu/tools
imágenes: 18 con alt: 17 OK alt vacío (decorativo): 1 OK sin alt: 0 OK filename-as-alt: 0 OK Cobertura: 100%
Quién lo usa
-
Gestor de comercio electrónico
Revisa las páginas de producto en busca de imágenes sin texto alternativo o con el nombre del archivo como alt, un valor por defecto habitual en catálogos.
-
Auditor de accesibilidad
Revisa la cobertura de texto alternativo del criterio WCAG 1.1.1 página por página y enumera cada imagen sin atributo alt.
-
Editor de contenidos
Revisa cada página que publicas para detectar imágenes subidas sin texto alternativo antes de que se acumulen.
Preguntas frecuentes
¿Cuándo debe estar vacío el texto alternativo?
Para imágenes decorativas que no aportan valor informativo (patrones de fondo, separadores). Usa `alt=""` para que los lectores de pantalla las omitan. Nunca omitas el atributo por completo.
¿Qué hace bueno a un texto alternativo?
Una frase breve que describe lo que muestra la imagen y por qué está ahí. Evita "imagen de" o "foto de", y usa una palabra clave solo donde describa realmente la imagen.
¿Cómo usa Google el texto alternativo?
Google usa el texto alternativo, junto con el contenido de la página, para entender qué muestra una imagen, lo que le ayuda a mostrarla en Google Imágenes. Los asistentes de IA que leen una página pueden usarlo del mismo modo.
¿Qué pasa con los pies de foto?
Los pies de foto (`<figcaption>`) complementan al texto alternativo pero no lo sustituyen. Ambos deberían describir la imagen; el alt es para lectores de pantalla, el pie de foto es para usuarios videntes.