Mejorar la accesibilidad sin cambiar el contrato visual
El Problema
La auditoría comparativa encontró 277 infracciones WCAG en implementaciones de Bold y DSGov: 84 críticas y 193 moderadas.
Lo Que Probé
Evalué 15 componentes de cada design system con Lighthouse, Axe Core, WAVE, JAWS, NVDA y VoiceOver.
Por Qué Falló
La fidelidad visual a DSGov no resolvía los fallos de HTML semántico, ARIA y gestión del foco en la implementación.
El Giro
Antes
Fallaba 8+ criterios WCAG 2.1 AA en la implementación DSGov auditada
Después
Pasó los escenarios probados con 0% de desviación visual respecto a la especificación
La Lección
Junto a desarrollo, usé HTML semántico, ARIA y gestión del foco con JavaScript para corregir la capa de código sin cambiar la especificación visual.
El Resultado
Después de las correcciones en código, los escenarios probados pasaron sin desviación visual respecto a la especificación. La auditoría se convirtió en mi trabajo final de Ciencias de la Computación, calificado con 10.
Impacto
La evidencia probada mostró que las correcciones de accesibilidad en la implementación pueden mejorar la conformidad sin cambiar el sistema visual aprobado.