El Image Alt Text Checker de Screpy encuentra elementos de imagen compatibles en el HTML de una página y distingue atributos alt ausentes, valores vacíos y texto incluido. Usa la evidencia para preparar una lista de edición y revisar qué aporta cada imagen. La herramienta localiza atributos; no analiza píxeles, redacta descripciones ni certifica accesibilidad.
Comprueba la página que contiene las imágenes
Introduce una URL HTTP/HTTPS pública de página, no la dirección de una fotografía. La fuente debe devolver HTML legible. Para una galería de productos, comprueba la página que la contiene. Examinar el archivo de imagen por sí solo no muestra el texto alternativo asignado en cada uso.
El informe lee elementos img e input de tipo image. Usa la respuesta HTML sin ejecutar JavaScript. Pueden faltar imágenes añadidas después por scripts; los fondos CSS y los gráficos SVG en línea tampoco forman parte de esta lista.
Se conservan hasta 1.000 filas y la evidencia extensa puede acortarse. Son apariciones de elementos, no archivos únicos. La misma foto puede tener dos filas con funciones diferentes. Lee los avisos de cobertura parcial: la lista no representa todos los elementos visuales de una página grande o dinámica. No encontrar elementos compatibles no demuestra que no haya imágenes en pantalla.
Separa alt ausente, vacío y con texto
Utiliza los filtros para revisar una categoría cada vez. Ausente significa que el elemento no tiene atributo alt. Vacío significa que existe, pero carece de texto significativo, incluidos valores solo con espacios. Con texto indica que el atributo está rellenado; no garantiza precisión, utilidad ni adecuación para un lector de pantalla.
Empieza por los atributos ausentes y después revisa los vacíos en contexto. La guía W3C WAI sobre imágenes decorativas explica por qué una alternativa vacía puede ser correcta si no se aporta información. Omitir el atributo y dejarlo vacío son decisiones diferentes. No rellenes todos los vacíos para aumentar el contador.
La fuente de imagen y la línea HTML ayudan a localizar el elemento en una plantilla o salida del CMS. También se señalan algunos valores parecidos a nombres de archivo, como una descripción que termina en .jpg. Es una pista, no una evaluación lingüística completa. Un texto genérico, incorrecto o repetitivo puede escapar a esa regla y necesitar edición.
Elige el texto alternativo según la función de la imagen
Pregúntate qué perdería alguien que no pudiera verla. El árbol de decisión alt de W3C WAI distingue usos informativos, decorativos y funcionales. Un mismo archivo puede necesitar otro tratamiento en distintas páginas por el contexto y su función.
Estos ejemplos ficticios ilustran decisiones editoriales. Las frases solo sirven si la imagen y el contexto son reales; la herramienta no ha inspeccionado esas imágenes.
| Función de la imagen | Posible tratamiento | Condición que debes verificar |
|---|---|---|
| Foto de producto con detalle | «Mochila azul con dos bolsillos delanteros con cremallera» | Los detalles son ciertos y relevantes para elegir |
| Separador decorativo | Atributo alt vacío | No añade información ni función |
| Logotipo que es el único contenido del enlace de inicio | «Inicio de Example» | Es el único contenido del enlace y ese es su destino |
| Gráfico con valores importantes | Alternativa breve más explicación o tabla cercana | La conclusión y los valores están disponibles sin ver el gráfico |
En una imagen enlazada o botón de imagen, explica destino o acción si no se entenderían de otro modo. No sustituyas esa función por una descripción de la forma del icono. En gráficos complejos, evita colocar todo el conjunto de datos en un atributo; ofrece los detalles en el contenido.
La guía de imágenes de Google recomienda alternativas útiles y contextuales y desaconseja acumular palabras clave. Describe el significado relevante con naturalidad. Una lista de palabras clave no sustituye una explicación, y rellenar un atributo no garantiza posiciones en búsqueda de imágenes.
Corrige el origen y revisa la página publicada
Modifica el campo o componente que produce el elemento afectado. Una descripción de medios en el CMS no ayuda si la plantilla nunca la coloca en alt. Si el defecto se repite en tarjetas o galerías, examina el componente compartido y cada entrada. No reemplaces todas las descripciones por un mismo valor global.
Publica la corrección y repite la misma URL. Confirma que el atributo previsto aparece en el HTML devuelto y revisa después la página visible y el texto cercano. Conserva los vacíos intencionales y comprueba el significado de imágenes informativas y funcionales. La meta es contenido utilizable, no un informe lleno únicamente de valores no vacíos.
Revisa manualmente los gráficos importantes ausentes y el comportamiento añadido por JavaScript. La accesibilidad completa va más allá de este atributo. Para otras señales utiliza el On-Page SEO Checker; para la jerarquía, el Heading Structure Analyzer. Ninguno convierte esta comprobación en una certificación.