Auditoria Imagen Alt Texto: Desaparecidos, vacíos y alternativas impulsivas
Utilice una auditoría de atributos HTML para crear una cola de revisión humana en lugar de una puntuación de accesibilidad.
Elija el HTML que quiere inspeccionar
Pruebe o suba la fuente HTML de la página. Si los scripts crean imágenes, exporten el HTML correspondiente por separado; la auditoría no ejecuta esos scripts. Lee atributos img sin cargar las imágenes. No se incluyen imágenes de fondo CSS, accesibilidad SVG y el contenido visual real. Tenga en cuenta la versión de origen que proporcionó para que la cola de revisión pueda ser rastreada de nuevo a una página real.
Reproduce el ejemplo de tres imágenes
La muestra contiene product.jpg con alt Blue ceramic mug, divider.svg con un atributo alt vacío, y photo.jpg sin alt. El informe identifica tres imágenes, un atributo perdido y una alternativa vacía. La alternativa de la taza está presente, pero eso solo no prueba que transmite el detalle adecuado. El valor vacío del divider le pide que confirme la intención decorativa en lugar de tratarla automáticamente como un error.
Lea el papel de la imagen en la página
Una imagen informativa necesita una alternativa adecuada al contenido circundante. Una imagen decorativa puede usar correctamente alt="" para que la tecnología asistida pueda saltarla. Una imagen vinculada a menudo necesita texto que describa el propósito del enlace, no sólo su apariencia. Inspeccione el encabezamiento cercano, captura, enlace y contenido repetido antes de escribir un reemplazo. La misma imagen puede necesitar un tratamiento diferente en diferentes contextos.
| Caso HTML | Local finding | Cuestión humana |
|---|---|---|
| alt="Blue ceramic mug" | Presente | ¿Esto transmite la información necesaria? |
| Alt=" | Vacío | ¿Esta imagen es decorativa o redundante? |
| No atributo alt | Falta | ¿Qué papel sirve la imagen? |
| alt="photo.jpg" | Nombre de archivo sospechoso | ¿Qué debería entender un visitante? |
La auditoría no carga imágenes ni evalúa su significado visual.
Use este ejemplo Abre la auditoría de cobertura alt-text con estos insumos.
Tratar la redacción sospechosa como un aviso de revisión
La herramienta puede marcar palabras genéricas simples o alternativas tipo archivo y contradicciones con señales decorativas. No puede decidir si una alternativa es suficiente, redundante o engañosa sin entender la página. Evite convertir el informe en una demanda mecánica de descripciones más largas. Una alternativa concisa significativa puede ser mejor que una descripción detallada que repite texto cercano o oculta el propósito de una imagen vinculada.
Verificar la página revisada
Editar el marcado real, inspeccionar la imagen en contexto y probar la experiencia de lectura relevante. Realizar la auditoría de atributos en la fuente revisada para confirmar que sus cambios están presentes. Mantenga casos sin resolver en la cola de revisión en lugar de reclamar toda la página es accesible porque cada img ahora tiene un atributo. La presencia es una señal útil de cobertura, no una evaluación completa de accesibilidad.