Encuentra las imágenes que necesitan una mirada más cercana
Alt Tag Checker
Auditar los atributos alternativos de la imagen en HTML pegado. Separe los atributos faltantes de las alternativas intencionalmente vacías, revise cada fuente de imagen y exporte sus hallazgos.
Image alt audit
Your image counts and alt text review will appear here.
Alt Tag Checker: lo que le dice su cheque
Un verificador de etiquetas alt le ayuda a encontrar elementos de imagen cuyas alternativas necesitan atención. En HTML, alt es un atributo de una imagen, no una etiqueta separada. Un atributo faltante, un valor vacío y una descripción útil son tres casos diferentes.
Esta auditoría local inspecciona los elementos img en el HTML que pega. No busca la página, no juzga la imagen visualmente, no ejecuta JavaScript, no carga imágenes ni certifica la accesibilidad. Cuenta las apariciones de imágenes en lugar de deduplicar archivos, porque la misma imagen puede tener diferentes propósitos en diferentes contextos.
Falta atributo
Un elemento img sin alt necesita revisión. La tecnología de asistencia puede anunciar su nombre de archivo en lugar de una alternativa útil. Decide si la imagen transmite información o es decorativa.
Alternativa vacía
Un alt="" explícito puede ser adecuado para una imagen decorativa. Manténgalo vacío cuando la imagen no agregue información; agregue texto útil cuando comunique algo que el lector necesita.
Solo espacios en blanco
Los espacios dentro de alt se enumeran por separado. Revise el propósito de la imagen, luego use un valor realmente vacío para decoración o texto significativo para información.
Texto presente
Un valor que no esté vacío no es automáticamente una buena alternativa. Verifique que describa el propósito en contexto sin rellenar palabras clave, repetir texto cercano o confiar en el nombre del archivo.
HOW IT WORKS
De un cheque a un siguiente paso útil
Pegar fuente o renderizar HTML
Copie el HTML de la fuente de su página o de las herramientas de desarrollo del navegador. Pegar una dirección web por sí solo no recupera esa página.
Revisa cada categoría
Comience con los atributos que faltan y luego revise las alternativas vacías en contexto. Filtre los resultados y compare la fuente de la imagen y el texto alternativo.
Reparar y volver a comprobar
Actualice sus plantillas o campos CMS, exporte la lista de revisión y luego audite el HTML nuevo después de la publicación. Pruebe la página con tecnología de asistencia como parte de una revisión más amplia.
El mismo atributo, tres decisiones diferentes
Imagen informativa del producto
<img src="mug.jpg" alt="Blue ceramic mug with a curved handle">Describe la información que aporta la imagen. Este ejemplo le brinda al comprador un detalle visual concreto.
Divisor decorativo
<img src="divider.svg" alt="">Una alternativa vacía puede evitar que una imagen decorativa agregue ruido a la experiencia de lectura.
Tabla de tallas sin alternativa
<img src="size-guide.png">Falta el alt necesita revisión. Un gráfico complejo también puede necesitar texto cercano o una tabla de datos, más allá de una alternativa breve.
For contextual guidance, read the W3C image alt decision tree.