¿Qué es la categoría Accessibility de Lighthouse?
Lighthouse es la herramienta de auditoría web de código abierto de Google. Está integrada en Chrome DevTools, en PageSpeed Insights y en muchas pipelines de CI.
La categoría Accessibility ejecuta una versión integrada de axe-core, de Deque Systems. La pasa sobre la página y devuelve una puntuación entre 0 y 100.
Qué detecta Lighthouse a11y
Más de 50 reglas de axe-core verifican automáticamente:
- Contraste de color (
color-contrast) — mide el ratio de cada par texto/fondo. - Atributos ARIA mal aplicados (
aria-*) — roles inexistentes, atributos en elementos que no los soportan o valores inválidos. - Imágenes sin alt (
image-alt) o con alt redundante. - Idioma del documento (
html-has-lang,valid-lang) — exige<html lang="es">. - Estructura de encabezados — orden lógico H1→H2→H3 sin saltos.
- Etiquetas de formulario (
label,form-field-multiple-labels) — cada input debe tener un label asociado. - Enlaces sin texto (
link-name) — anchors con solo iconos o vacíos. - Botones sin nombre accesible (
button-name). - Landmarks duplicados o anidados incorrectamente.
Lo que NO detecta
Incluso el motor completo de axe-core detecta solo en torno al 57 % de los problemas de WCAG en auditorías reales, según el informe de cobertura del propio equipo de axe-core. Lighthouse usa únicamente un subconjunto de esas reglas, por lo que cubre todavía menos.
El resto requiere evaluación manual con lector de pantalla y revisión humana del contenido. No detecta:
- Si el alt de una imagen es adecuado (solo comprueba que existe y no está vacío).
- Si la jerarquía de encabezados refleja el significado semántico del contenido.
- Si los labels de formulario son comprensibles para el usuario final.
- Si el orden de tabulación es lógico.
- Si los componentes interactivos funcionan con teclado y lector de pantalla.
Cómo lo usamos en smedialab.es
Lighthouse es nuestro smoke test de accesibilidad. Lo ejecutamos sobre cada plantilla tipo después de cada cambio relevante en componentes UI. Buscamos puntuación ≥ 97/100 en home, servicio, ubicación, proyecto y tecnología.
Pero Lighthouse es solo el primer paso de la auditoría triangulada con la que certificamos WCAG 2.1 AA. Le añadimos inspección manual con DevTools, pruebas con NVDA + Helena y revisión de código de los componentes ofensores.
Para nuestros clientes de SEO y diseño web, la accesibilidad mejora también el rendimiento. Muchos issues de Lighthouse a11y (alt, lang, headings, link names) coinciden con buenas prácticas SEO que Google premia.