Padrão, não extra
WCAG 2.2 nível AA é o piso de qualquer tela publicada, não uma etapa opcional no fim do projeto.
Contraste mínimo
Os valores de contraste par a par vivem na página Cor. Aqui fica só a regra.
Corpo, label, link e botão precisam passar 4.5:1 sobre o fundo.
Texto 18px+ bold ou 24px+, borda de input, foco: mínimo 3:1.
Teclado
Todo alvo interativo é alcançável via Tab. Foco sempre visível — nunca outline:none sem substituto.
Cor nunca sozinha
Cerca de 8% dos homens têm daltonismo. Todo sinal vem com ícone ou texto — cor apenas amplia.
Motion reduzido
Quem ativa prefers-reduced-motion não vê parallax, marquee ou bounce — colapsa para fade simples ou nada.
ARIA e leitor de tela
Acompanha texto → aria-hidden="true".
Botão só com ícone → aria-label obrigatório.
Live region — leitor anuncia sem foco manual.
Sempre alt descritivo. Decorativas → alt="".
<button aria-label="Fechar modal">
<X aria-hidden="true" />
</button>