Si alguna vez has pasado tu web por más de una herramienta de accesibilidad, probablemente has visto puntuaciones muy diferentes para la misma página. Una herramienta te da un 88, otra un 7.8, y una tercera un 5.2. ¿Qué resultado es el correcto? La respuesta incómoda es que los tres pueden ser correctos a la vez, porque cada herramienta mide cosas diferentes, con metodologías diferentes y para públicos diferentes.
Entender cómo funciona cada una no es un detalle técnico menor: es la diferencia entre saber realmente si tu web es accesible o tener una falsa sensación de seguridad.
WAVE: visual, didáctica y pensada para personas
WAVE (Web Accessibility Evaluation Tool), creada por WebAIM, es probablemente la herramienta más conocida entre diseñadores y responsables de contenido. Se usa principalmente como extensión del navegador y su punto fuerte es la visualización: superpuesta sobre la página real, marca con iconos de colores cada elemento accesible o problemático. Un círculo verde para las cosas correctas, un icono rojo para los errores, un triángulo amarillo para los avisos.
Esta visualización la hace ideal para auditorías manuales y para personas que quieren entender dónde está cada problema sin leer código. Si tienes un error de contraste en un botón concreto, WAVE te lo marca directamente sobre el botón.
Cómo calcula la puntuación
WAVE usa el sistema AIM Score, que pondera los errores detectados y genera una nota de 0 a 10. El sistema es relativamente benévolo: cuenta cada tipo de error como un problema independiente, independientemente de cuántas veces aparezca en la página. Si tienes 10 imágenes sin texto alternativo, WAVE contabiliza un problema de «imágenes sin alt», no diez. Esto hace que la puntuación sea más estable y menos sensible a webs con contenido repetitivo.
Limitaciones
WAVE analiza el código HTML estático y no siempre ejecuta el JavaScript. Esto significa que puede no detectar problemas que aparecen dinámicamente (menús desplegables, modales, contenido cargado vía AJAX) y puede generar falsos positivos en elementos que JavaScript corrige en tiempo real. Además, el conjunto de reglas que comprueba es más limitado que otras herramientas.
Cuándo usarla
WAVE es ideal para revisiones visuales rápidas, para presentar problemas a clientes o compañeros no técnicos, y para hacer auditorías manuales página a página. No es la mejor opción si quieres un análisis exhaustivo o si tu web hace un uso intensivo de JavaScript.
Lighthouse: integrada, ágil y orientada al desarrollo
Lighthouse es la herramienta de Google, integrada directamente en las DevTools de Chrome y accesible también a través de PageSpeed Insights. A diferencia de WAVE, Lighthouse no es exclusivamente una herramienta de accesibilidad: audita rendimiento, SEO, buenas prácticas y accesibilidad en una misma pasada. La puntuación de accesibilidad va de 0 a 100.
Cómo calcula la puntuación
Lighthouse usa axe-core como motor de detección de accesibilidad —el mismo motor que hay detrás de muchas otras herramientas— pero no aplica todas las reglas disponibles. Selecciona un subconjunto de reglas y las pondera de manera que algunas valen mucho más que otras en el cálculo final. Un solo error en una regla de mucho peso puede bajar significativamente la puntuación, mientras que múltiples errores en reglas de poco peso pueden pasar casi desapercibidos.
Además, Lighthouse penaliza por regla violada, no por número de elementos afectados. Si tienes 20 botones sin texto accesible, la penalización es la misma que si tienes 2. Esto explica por qué a menudo da puntuaciones más altas que otras herramientas más exhaustivas.
Limitaciones
El subconjunto de reglas que comprueba es limitado. Hay criterios WCAG importantes que Lighthouse simplemente no evalúa, lo que puede generar una falsa sensación de cumplimiento. Una puntuación de 90 en Lighthouse no significa que la web cumpla el nivel AA de las WCAG: significa que supera las reglas concretas que Lighthouse ha decidido comprobar.
Cuándo usarla
Lighthouse es perfecta para integrarla en el flujo de desarrollo: permite detectar rápidamente regresiones de accesibilidad durante el desarrollo, es fácil de automatizar en pipelines de CI/CD y da resultados en segundos. Es menos adecuada como única herramienta de auditoría para un proyecto que debe cumplir normativa.
webaccessible Escáner: análisis exhaustivo basado en axe-core
webaccessible Escáner es una herramienta de evaluación de accesibilidad que se fundamenta en axe-core, una biblioteca de código abierto desarrollada por Deque Systems que se ha convertido en el estándar de facto para el análisis automático de accesibilidad. De hecho, tanto Lighthouse como muchas otras herramientas también la usan como motor interno. La diferencia es que webaccessible Escáner aplica el conjunto completo de reglas, sin el filtrado ni la ponderación que aplican otras herramientas, y ejecuta el JavaScript de la página para analizar el DOM real que ve el usuario.
Cómo calcula la puntuación
webaccessible Escáner aplica un sistema de puntuación basado en la gravedad de cada regla violada:
| Impacto | Penalización por regla |
|---|---|
| Crítico | -1.5 puntos |
| Grave | -0.8 puntos |
| Moderado | -0.3 puntos |
| Menor | -0.1 puntos |
La penalización se aplica por regla violada, no por número de elementos afectados. Pero el número de elementos afectados se muestra como información de contexto, porque corregir un error que afecta a 15 elementos es más urgente que corregir uno que afecta a 1. Además, cada resultado incluye una etiqueta de nivel de cumplimiento WCAG que traduce la puntuación numérica en términos legales comprensibles: No cumple, Cumplimiento parcial, Casi conforme o Conforme AA.
Limitaciones
Ninguna herramienta automática, por exhaustiva que sea, puede sustituir una auditoría manual completa. axe-core detecta automáticamente alrededor del 30-40% de los problemas de accesibilidad posibles. Los criterios que requieren juicio humano, como la calidad de un texto alternativo o si el orden de lectura tiene sentido, no se pueden automatizar.
Cuándo usarla
webaccessible Escáner es la mejor opción cuando necesitas un análisis exhaustivo, cuando quieres prepararte para una auditoría profesional o cuando necesitas saber si tu web se acerca al cumplimiento legal. Es también la mejor herramienta para identificar y priorizar las correcciones más urgentes.
¿Qué resultado debes creer?
Todos, pero en contextos diferentes. La tabla siguiente resume cuándo es útil cada herramienta:
| WAVE | Lighthouse | webaccessible | |
|---|---|---|---|
| Mejor para | Auditorías visuales, presentaciones a clientes | Desarrollo, CI/CD | Análisis exhaustivo, cumplimiento legal |
| Penaliza por | Tipo de error | Regla (subconjunto) | Regla (conjunto completo) |
| Ejecuta JavaScript | Parcialmente | Sí | Sí |
| Cobertura de reglas | Media | Limitada | Alta |
| Público | Diseñadores, responsables de contenido | Desarrolladores | Técnicos, consultores, propietarios de web |
Si tu web saca 88 en Lighthouse y 5 en webaccessible, no es que una herramienta se equivoque. Es que Lighthouse no ha comprobado las reglas donde están los problemas. El 88 es real dentro de su ámbito; el 5 es real dentro del suyo.
La recomendación práctica es usar las tres de manera complementaria: Lighthouse para el día a día del desarrollo, WAVE para revisiones visuales y presentaciones, y webaccessible cuando necesitas saber realmente dónde estás.
Una nota sobre el cumplimiento legal
Ninguna de estas tres herramientas certifica que una web cumpla la normativa de accesibilidad. La European Accessibility Act y la Ley 11/2023 exigen cumplimiento WCAG nivel AA, y ningún análisis automático puede garantizarlo al 100%. Lo que sí puede hacer una herramienta exhaustiva es identificar la mayoría de los problemas técnicos detectables automáticamente y orientar las prioridades de corrección.
Si necesitas acreditar el cumplimiento formal, el paso necesario es una auditoría profesional que combine análisis automático con revisión manual y pruebas con tecnologías de asistencia reales.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.