Accesibilidad (WCAG)
Las pautas WCAG definen cómo hacer un producto usable por personas con discapacidad visual, auditiva, motora o cognitiva. El nivel AA es el estándar habitual y, en la UE, una obligación legal para muchos servicios desde 2025.
Cuándo usarlo: Siempre: en la definición de cada historia, en revisiones de diseño y antes de cada lanzamiento.
Cómo se hace
- Fijar el nivel objetivo (normalmente WCAG 2.2 AA) e incluirlo en la Definition of Done.
- Revisar los cuatro principios: perceptible, operable, comprensible y robusto.
- Comprobar contraste de color (4,5:1 para texto normal), textos alternativos y tamaño de áreas táctiles.
- Probar el flujo solo con teclado y con un lector de pantalla (VoiceOver, NVDA).
- Pasar herramientas automáticas (axe, Lighthouse) en CI.
- Corregir por gravedad y registrar lo pendiente como deuda.
Ejemplo práctico
Un formulario de pago cuyos errores solo se marcan en rojo: no lo detecta quien no distingue colores ni un lector de pantalla. Solución: texto del error asociado al campo e icono.
Consejos
- Las herramientas automáticas detectan solo una parte de los problemas: prueba también a mano.
- Incluir accesibilidad desde el diseño es mucho más barato que corregirla después.
Errores comunes
- Dejar la accesibilidad para “una fase posterior” que nunca llega.
Plantillas y recursos
- LecturaW3C – WCAG 2.2 Quick Reference
- LecturaWebAIM – Contrast Checker