Auditor de accesibilidad HTML

La mayoría de las comprobaciones rápidas de accesibilidad son un escaneo superficial de palabras clave o una biblioteca pesada en la que debes confiar como una caja negra. Esta herramienta toma un tercer camino: analiza cualquier HTML que pegue utilizando el DOMParser integrado en el navegador (sin axe-core, sin biblioteca de accesibilidad externa, nada descargado) y luego recorre el árbol DOM resultante con un conjunto de comprobaciones escritas a mano que reflejan patrones de falla comunes y reales de WCAG 2.1. Eso significa que la lógica es completamente inspeccionable y la auditoría se ejecuta completamente dentro de su navegador: el marcado que pega y cualquier par de colores que prueba nunca se cargan ni envían a ninguna parte.

Las comprobaciones cubren las fallas que aparecen con mayor frecuencia en páginas reales: elementos <img> sin ningún atributo alt (una falla WCAG genuina, distinta del alt="" deliberadamente vacío usado para imágenes decorativas, que se deja correctamente sin marcar), controles de formulario sin forma de que la tecnología de asistencia sepa para qué sirven (comprobados con cada ruta real a una etiqueta: una <label for> coincidente, que está envuelta dentro de una <label> o un aria-label/aria-labelledby atributo), niveles de encabezado que saltan sin previo aviso (un <h1> directo a un <h3>, o un documento sin <h1> en absoluto, o más de uno), enlaces sin href o con texto vago y fuera de contexto como "haga clic aquí" o "leer más", y un atributo de idioma faltante cuando se pega un documento HTML completo (no solo un fragmento).

Lo más destacado son las matemáticas de contraste genuinas, no una heurística superficial que "parece legible". Para cualquier elemento que tenga un color en línea y un color de fondo, la herramienta lee ambos valores, los resuelve en números RGB reales a través del propio motor CSS del navegador (por lo que hex, rgb(), hsl() y colores con nombre como 'tomate' funcionan de manera idéntica) y calcula la luminancia relativa WCAG exacta para cada uno: L = 0,2126×R + 0,7152×G + 0,0722×B, con cada canal corregido gamma Primero use la curva de transferencia sRGB real, antes de combinarlas en la fórmula de relación de contraste oficial, (L más claro + 0,05) / (L más oscuro + 0,05). El tamaño y el peso de fuente del elemento deciden si se aplican los umbrales más estrictos de 'texto normal' o los umbrales más indulgentes de 'texto grande' (18 puntos+ o 14 puntos+ negrita), y el resultado se compara con los cuatro números WCAG reales a la vez: 4.5:1 y 3:1 para AA, 7:1 y 4.5:1 para AAA, nunca colapsados ​​en un solo veredicto falso bueno/malo.

Este es un subconjunto deliberadamente honesto y pragmático de una auditoría de accesibilidad completa, no una herramienta de certificación: no evalúa la interactividad impulsada por JavaScript, los patrones de widgets ARIA más allá del etiquetado básico, el orden de enfoque del teclado ni nada que requiera realmente representar y ejecutar la página. Trátelo como un primer paso rápido que detecta algunas de las fallas WCAG más comunes y con mayores consecuencias (falta de texto alternativo, campos sin etiquetar, jerarquía de encabezados rota, texto de bajo contraste y enlaces vagos) antes de que se envíe una página, junto con (no en lugar de) una revisión manual completa o una herramienta de auditoría dedicada para cualquier cosa que se envíe a producción.