Acessibilidade — Todos os artigos e tutoriais

A acessibilidade digital se mede primeiro com ferramentas dedicadas (axe-core, Lighthouse, Pa11y) que inspecionam o DOM e os papéis ARIA. Mas uma parte significativa das regras WCAG também se verifica visualmente: razão de contraste texto/fundo conforme a norma AA, foco visível suficientemente aparente ao teclado, tamanho dos alvos táteis atingindo 44 pixels, hierarquia visual que reflete a hierarquia semântica. O teste visual não é um substituto para uma auditoria de acessibilidade, mas é um complemento natural e frequentemente negligenciado.

Os artigos desta página exploram esse cruzamento: como detectar uma regressão de contraste introduzida por uma reformulação de paleta, como verificar se o estado de foco não desapareceu após uma atualização CSS, como testar sistematicamente os modos escuros e os temas alternativos sob a ótica da acessibilidade, como combinar um linter axe-core no CI com um teste visual dedicado aos estados interativos. Também abordamos os limites honestos — um teste visual não dirá se um aria-label está mal redigido, nem se um screen reader interpreta corretamente a estrutura — mas ele recupera eficazmente a classe de bugs em que o código permanece válido enquanto a renderização se torna inutilizável. Uma abordagem complementar, e não concorrente, das ferramentas de acessibilidade especializadas.