¿Qué es la categoría Accessibility de Lighthouse?
Lighthouse es la herramienta de auditoría web de código abierto de Google 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) 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, 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
Lighthouse cubre aproximadamente 30 % de los problemas de WCAG según estudios del propio equipo de axe-core. El 70 % restante 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 si 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 que aplicamos para certificar WCAG 2.1 AA: 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.