Lições Aprendidas

O que falhou, o que mudou e o que permaneceu.

Um registro contínuo de decisões que amadureceram meu pensamento de produto depois de darem errado pela primeira vez.

Laboratório Bridge (MEC)UX/UI Designerjul 2022 - jul 2025

Melhorar acessibilidade sem mudar o contrato visual

O Problema

A auditoria comparativa encontrou 277 violações WCAG em implementações de Bold e DSGov: 84 críticas e 193 moderadas.

O Que Tentei

Avaliei 15 componentes de cada design system com Lighthouse, Axe Core, WAVE, JAWS, NVDA e VoiceOver.

Por Que Falhou

A fidelidade visual ao DSGov não resolvia falhas de HTML semântico, ARIA e gestão de foco na implementação.

A Virada

Antes

Reprovação em 8+ critérios WCAG 2.1 AA na implementação DSGov auditada

Depois

Aprovação nos cenários testados, com 0% de desvio visual da especificação

A Lição

Com os desenvolvedores, usei HTML semântico, ARIA e gestão de foco em JavaScript para corrigir a camada de código sem alterar a especificação visual.

O Resultado

Após as correções na camada de código, os cenários testados passaram sem desvio visual da especificação. A auditoria virou meu TCC em Ciências da Computação, com nota 10.

Impacto

A evidência testada mostrou que correções de acessibilidade na implementação podem melhorar a conformidade sem mudar o sistema visual aprovado.