Herramientas para revisar accesibilidad WCAG y validar cumplimiento

La accesibilidad no se comprueba con una sola extension. Hace falta combinar tests automaticos, revision manual y pruebas con tecnologia asistiva real.

Herramientas automaticas

1. axe DevTools

Sirve para encontrar errores comunes rapido y tener un primer mapa de problemas.

2. Lighthouse

Va bien para tener una auditoria base dentro de Chrome o por CLI.

npm install -g lighthouse
lighthouse https://example.com --only-categories=accessibility

3. WAVE

Es util porque muestra problemas en contexto visual y ayuda a ver estructura, landmarks y señales ARIA.

Screen readers

Hay que probar con herramientas reales:

• NVDA
• JAWS
• VoiceOver
• TalkBack

Contraste de color

WebAIM y Chrome DevTools siguen siendo suficientes para validar una gran parte de los problemas basicos de contraste.

Foreground: #0066cc
Background: #ffffff
Ratio: 7.5:1 AAA

Pruebas de teclado

No hace falta complicarlo:

• recorrer todos los elementos con Tab
• activar con Enter o Space
• cerrar modales con Escape
• confirmar que el foco se ve siempre

:focus-visible {
  outline: 3px solid #0066cc;
  outline-offset: 2px;
}

Checklist minimo

• correr axe o Lighthouse
• probar con lector de pantalla
• validar contraste
• revisar navegacion por teclado
• comprobar foco visible
• revisar ARIA y HTML semantico

Conclusion

Un checker automatico ayuda, pero no reemplaza una revision real. La accesibilidad fiable aparece cuando combinas herramientas con criterio y pruebas manuales constantes.