Alt Text Checker

Pega tu URL de página en el campo Page URL, establece el toggle decorativo, y pulsa Verificar texto alt. La herramienta obtiene la página, analiza cada elemento <img>, y devuelve cada imagen con su clasificación alt: faltante, decorativa, buena, o sospechosa. También obtienes un porcentaje de cobertura (alts buenos más decorativos dividido por total de imágenes) y una exportación CSV. Manualmente, puedes hacer clic derecho en una imagen, elegir Inspeccionar, y leer el atributo alt en el panel HTML, pero ese enfoque toma 30 segundos por imagen y pierde imágenes lazy-loaded que cargan por debajo del pliegue. Este verificador escanea todas las imágenes en una sola pasada, incluidas las dentro de etiquetas <picture> y <figure>. Para sitios con cientos de imágenes por página, el ahorro de tiempo es real. Usa el website-metadata-checker después para confirmar que los meta tags coincidan con tu auditoría de imagen.

Sí, el texto alt es visible en el código fuente de la página aunque no se muestre en la pantalla para usuarios con visión normal en condiciones normales. Los navegadores muestran texto alt en tres situaciones: cuando una imagen no carga (enlace roto, CDN bloqueado), cuando un usuario se desplaza en algunos navegadores más antiguos, y cuando un usuario de lector de pantalla navega la página. Los desarrolladores ven el texto alt en DevTools inspeccionando el elemento <img>. Los crawlers de motor de búsqueda lo leen directamente del HTML. Para auditar texto alt a escala, pega la URL en este verificador y obtienes cada valor alt en la página en una sola vista, más una miniatura de cada imagen para que puedas notar desajustes entre lo que muestra la imagen y lo que dice el alt. Para una sola imagen, haz clic derecho y elige Inspeccionar, luego lee el atributo alt= en la etiqueta <img>.

El texto alt sirve principalmente a personas con discapacidades visuales que usan lectores de pantalla, incluidos usuarios que son ciegos, tienen baja visión, o tienen condiciones como degeneración macular que hacen que el contenido de imagen sea ilegible. Los lectores de pantalla como NVDA, JAWS, y VoiceOver leen el atributo alt en voz alta cuando encuentran una imagen. Sin texto alt, el lector de pantalla o bien salta la imagen completamente o lee el nombre de archivo, que generalmente es sin sentido. El texto alt también ayuda a usuarios con discapacidades cognitivas al añadir contexto de texto al contenido visual, y a usuarios en conexiones lentas que cargan páginas sin imágenes. El Criterio de éxito 1.1.1 (Nivel A) de WCAG 2.1 requiere alternativas de texto para todas las imágenes no decorativas, haciendo del texto alt un requisito de accesibilidad base en todo el mundo. El informe de 2024 de WebAIM Million encontró que el 54% de las páginas de inicio tenían texto alt faltante en al menos una imagen, el fallo de WCAG más común en los principales 1 millón de sitios.

Haz clic derecho en la imagen en la página web y selecciona Inspeccionar (o Inspeccionar elemento en algunos navegadores). En el panel HTML que aparece, busca el atributo alt dentro de la etiqueta de imagen (<img>). El valor alt se encuentra entre comillas, por ejemplo alt="Black leather Chelsea boot, side profile". Si el atributo está ausente, la imagen no tiene texto alt. Si ves alt="", el alt está intencionalmente vacío (decorativo). Para una sola imagen, Inspeccionar es rápido. Para una página completa con 30 o 50 imágenes, abrir Inspeccionar en cada una toma diez minutos. Este verificador escanea cada imagen en una sola pasada y devuelve un CSV con URL de imagen, valor alt, y clasificación. Usa Inspeccionar para verificaciones puntuales y esta herramienta para auditorías de página completa antes de enviar un rediseño o después de una migración de CMS.

Usa este verificador para una auditoría de página completa, o verifica imágenes individuales con DevTools de navegador. Para la auditoría completa, ingresa tu URL de página, establece el toggle decorativo en Sí si quieres que los alts vacíos compatibles con WCAG cuenten como buenos, y pulsa Verificar texto alt. La salida muestra cada imagen con su valor alt, una clasificación (faltante / decorativa / buena / sospechosa), y una puntuación de cobertura. Para imágenes simples, haz clic derecho y elige Inspeccionar, luego lee el atributo alt= en la etiqueta <img>. Para plataformas sociales como Instagram o LinkedIn, el texto alt es editable en el flujo de creación de publicación pero no siempre visible después de publicar. Para imágenes en WordPress o Webflow, el campo alt vive en la biblioteca de medios o configuración de bloque. Ejecuta una verificación de página completa antes de publicar y después de cada migración de CMS para detectar alts que se eliminan durante cambios de plantilla.

El texto alt vive en el código fuente HTML de cualquier página web y es visible a través de varios métodos. En un navegador, haz clic derecho en una imagen y selecciona Inspeccionar, luego lee el atributo alt= en la etiqueta <img>. En Microsoft Office, haz clic derecho en una imagen y selecciona Ver texto alt, o selecciona la imagen y elige Formato de imagen luego Texto alt. En Google Docs, haz clic derecho y elige Texto alt. En WordPress, el campo alt está en la biblioteca de medios y el editor de bloques. En Webflow, está en el panel de configuración de imagen. Para una auditoría de página completa en cada imagen a la vez, pega la URL en este verificador y la salida muestra cada valor alt más una miniatura de cada imagen. Los lectores de pantalla también muestran el texto alt cuando los usuarios navegan el contenido de la página, que es el propósito original del atributo.

El autor o creador de la imagen es la persona adecuada para escribir texto alt porque entienden el contexto y la razón por la que se añadió la imagen. Un fotógrafo que captura una imagen de producto sabe si el ángulo, color, o detalle importa más. Un escritor que incrusta un gráfico en una publicación de blog sabe qué punto de datos ilustra el gráfico. Entregar la escritura de texto alt a un desarrollador o consultor de accesibilidad después del hecho pierde ese contexto. En un equipo de contenido, el flujo de trabajo debería poner campos de texto alt directamente en el flujo de publicación (CMS, herramienta de diseño) para que el autor escriba el alt en el momento en que carga la imagen. Usa este verificador como una pasada final de QA para detectar alts que el autor saltó o escribió mal. Para sitios con 1,000+ imágenes, considera un ciclo de auditoría trimestral: 25% de páginas cada trimestre, priorizando los 100 URLs principales que generan tráfico.

Omite el texto alt descriptivo solo cuando la imagen es puramente decorativa y no añade información, como un GIF espaciador, un patrón de fondo, una línea divisora, o un icono decorativo junto a texto que ya dice lo mismo. En esos casos, establece alt="" (cadena vacía) e idealmente añade role="presentation" para que los lectores de pantalla sepan que deben saltar la imagen en lugar de adivinar. Nunca omitas el atributo alt completamente; el alt faltante obliga a los lectores de pantalla a anunciar el nombre de archivo, que generalmente es ruido. También omite el texto alt en imágenes de fondo CSS, que los lectores de pantalla ignoran por defecto. El informe de 2024 de WebAIM Million encontró que el 11% de imágenes decorativas tenían texto alt detallado que debería haber sido vacío, creando fatiga del lector de pantalla. Este verificador marca ambas brechas: alts faltantes en imágenes de contenido y alts detallados en probables decorativas.

Ctrl+Shift+R (Cmd+Shift+R en Mac) realiza una actualización dura en Chrome, recargando la página e ignorando el cache del navegador. Obliga a Chrome a descargar de nuevo cada recurso, incluidas imágenes, CSS, y JavaScript, en lugar de extraerlas de copias en cache. Esto importa para auditoría de texto alt de dos maneras. Primero, si actualizaste atributos alt a través de tu CMS pero la página aún muestra los alts antiguos en DevTools, una actualización dura obliga al nuevo HTML a cargar. Segundo, si las imágenes no se renderizan y sospechas un problema de cache en lugar de un enlace realmente roto, una actualización dura confirma si la imagen realmente carga. Después de una actualización dura, vuelve a ejecutar este verificador para auditar la página recién obtenida. La herramienta en sí obtiene una copia fresca de la página en cada ejecución, por lo que no se ve afectada por el cache de tu navegador, pero las verificaciones puntuales de DevTools sí.

El Criterio de éxito 1.1.1 (Contenido sin texto, Nivel A) de WCAG 2.1 requiere que todo contenido sin texto tenga una alternativa de texto que sirva el propósito equivalente, con excepciones específicas para contenido decorativo, controles, y CAPTCHAs. Para imágenes, esto significa que cada etiqueta <img> significativa necesita un atributo alt= no vacío que describa la imagen. Las imágenes decorativas necesitan alt="". Las imágenes CAPTCHA necesitan texto alt describiendo el propósito, no el rompecabezas. WCAG 2.2 mantiene este criterio sin cambios. Las demandas de la ADA en EE.UU. frecuentemente citan texto alt faltante como un fallo primario, con más de 4,000 demandas de accesibilidad web presentadas en 2023. El informe de 2024 de WebAIM Million encontró que el 54% de páginas de inicio principales tenían texto alt faltante. Este verificador califica cada imagen contra la regla de WCAG y te da una puntuación de cobertura para saber si la página pasa Nivel A en este criterio antes de auditoría formal.

Apunta a 5-125 caracteres por alt, con la mayoría de alts buenos cayendo en el rango de 40-80 caracteres. Los lectores de pantalla cortan alts después de aproximadamente 125 caracteres en algunas implementaciones, y el algoritmo de búsqueda de imágenes de Google parece dejar de pesar contenido más allá de esa longitud. Cualquier cosa por debajo de 5 caracteres es generalmente demasiado vaga (piensa "logo" o "icon"). Cualquier cosa sobre 200 caracteres se lee como keyword stuffing o describe detalle que el usuario no pidió. Para imágenes complejas como infografías, gráficos, o diagramas, usa un alt corto (por debajo de 125 caracteres) más una descripción más larga en el párrafo circundante o a través del atributo aria-describedby. Este verificador marca alts por debajo de 5 caracteres como sospechosos y alts por encima de 200 caracteres como demasiado largos, para que veas ambos extremos en una sola pasada de auditoría.

Usa alt="" cuando la imagen es puramente decorativa y no añade información que solo el texto pierde. Los ejemplos incluyen GIFs espaciadores, divisores ornamentales, patrones de fondo, iconos decorativos junto a texto que dice lo mismo, y adornos de estilo CSS. Empareja alt="" con role="presentation" para ser explícito sobre la intención decorativa. La cadena vacía le dice a los lectores de pantalla que salten la imagen limpiamente. Perder el atributo alt completamente (sin alt= en absoluto) obliga a los lectores de pantalla a anunciar el nombre de archivo, que es el resultado incorrecto para imágenes decorativas. La guía de auditoría de WCAG.com de 2024 nota que el 11% de imágenes decorativas llevan alts detallados que deberían ser vacíos, y el 8% de imágenes significativas llevan alts vacíos que deberían ser descriptivos. Cambia el campo Tratar alt='' vacío como decorativa intencional para controlar cómo este verificador maneja alts vacíos ambiguos en tu sitio.

El nombre de archivo como alt (alt="IMG_2847.jpg" o alt="screen-shot-2024-01-15.png") le dice a los lectores de pantalla que literalmente lean el nombre de archivo carácter por carácter, que suena como ruido y no transmite nada sobre la imagen. También no da a Google Image Search nada útil contra el cual clasificar, ya que los nombres de archivo alfanuméricos aleatorios no llevan contenido semántico. El estudio de búsqueda de imágenes de Ahrefs de 2024 encontró que las páginas con alts de nombre de archivo en más del 20% de las imágenes se clasificaron 40% más bajo en Google Image Search que las páginas con alts descriptivos en cada imagen. Este verificador marca patrones de nombre de archivo (IMG_, DSC_, screen-shot, .jpg en el valor alt, etc.) como sospechosos para que puedas arreglarlos rápidamente. Reemplaza alt="IMG_2847.jpg" con lo que la imagen realmente muestra: alt="Black leather Chelsea boot, side profile". La corrección toma 10 segundos por imagen y recupera tanto el valor de accesibilidad como de SEO de imagen.

Google lee el texto alt en dos lugares: como la señal de clasificación principal para Google Image Search, y como contexto de contenido para la página circundante en búsqueda web regular. Para búsqueda de imágenes, Google clasifica imágenes en parte por cuán bien el texto alt coincide con la consulta de búsqueda, junto con nombre de archivo, texto circundante, y señales de calidad de imagen. Para búsqueda web, Google usa el texto alt para entender de qué trata una página cuando las imágenes llevan contenido significativo (gráficos, fotos de producto, infografías). Un estudio de Ahrefs de 2024 de 1,2 millones de resultados de búsqueda de imágenes encontró que las páginas con alts descriptivos en cada imagen por encima del pliegue se clasificaron 30-50% más alto en Google Image Search que las páginas con alts faltantes o de nombre de archivo. Google no penaliza directamente el texto alt faltante en clasificaciones de búsqueda regular, pero los alts faltantes pierden el tráfico de búsqueda de imágenes y debilitan señales de relevancia temática. Usa este verificador más el website-metadata-checker para una auditoría SEO completa en la página.

El texto alt (alt="...") es la alternativa de texto para el contenido de la imagen, leído por lectores de pantalla y usado por motores de búsqueda para clasificación de imágenes. El atributo title (title="...") es texto suplementario mostrado como tooltip al pasar en algunos navegadores, e es mayormente ignorado por lectores de pantalla y motores de búsqueda. Alt es requerido por WCAG. Title es opcional e a menudo inútil ya que usuarios móviles no pueden pasar, y muchos lectores de pantalla de escritorio lo saltan. Si tienes algo útil que decir sobre una imagen, ponlo en el alt o en el párrafo circundante, no en el title. La encuesta de 2024 de WebAIM de usuarios de lectores de pantalla encontró que el 73% de los encuestados prefirió texto alt sobre atributos title para información de imagen. Este verificador audita solo el atributo alt, ya que title raramente vale la pena optimizar. Enfoca tu esfuerzo en escribir alts sólidos y saltarte titles a menos que tengas una razón específica para usarlos.

Los lectores de pantalla como NVDA, JAWS, y VoiceOver anuncian imágenes leyendo el atributo alt en voz alta, precedido por la palabra "image" o "graphic" dependiendo del lector de pantalla. Para <img alt="Black leather Chelsea boot">, NVDA anuncia "graphic, Black leather Chelsea boot". Para <img alt=""> emparejado con role="presentation", el lector de pantalla salta la imagen completamente. Para <img> sin atributo alt en absoluto, la mayoría de los lectores de pantalla retroceden a leer el nombre de archivo o la URL, que suena como "graphic, I M G guión bajo 2 8 4 7 punto J P G". La encuesta de lectores de pantalla de 2024 de WebAIM encontró que el 67% de los encuestados calificó el texto alt faltante o pobre como una barrera "muy seria" para el uso web, clasificándolo por encima de etiquetas de formulario faltantes y navegación de teclado rota. Ejecuta este verificador antes de cualquier lanzamiento para detectar alts faltantes y sospechosos antes de que usuarios de lectores de pantalla los encuentren.

El buen texto alt es corto (típicamente 40-80 caracteres, máximo 125), describe lo que muestra la imagen en lenguaje simple, y añade información no ya en el texto circundante. Comienza con el elemento visual más importante. Para una foto de producto: "Red Adidas Samba, three-quarter view". Para un gráfico: "Bar chart showing 40% revenue growth Q1 to Q4 2024". Para un retrato: "Sarah Chen, CEO of Acme, smiling at camera". Salta frases como "image of" o "picture of" ya que los lectores de pantalla ya anuncian la imagen. Salta el nombre de archivo. Salta el keyword stuffing. Para imágenes decorativas, usa alt="" con role="presentation". Para imágenes complejas como infografías, escribe un alt corto y pon la descripción completa en el párrafo circundante o en un elemento aria-describedby. Este verificador marca alts por debajo de 5 caracteres, sobre 200 caracteres, todo mayúsculas, palabra única, y patrones de nombre de archivo para que puedas reescribir los débiles en una sola pasada.