Verificador de Contraste WCAG
Privado por design — roda inteiramente no seu navegador
Escolha texto e fundo, veja a razão de contraste WCAG e os selos AA/AAA para texto normal, texto grande e componentes de UI.
Qual razão é considerada aprovada
O WCAG AA exige 4,5:1 para texto normal e 3:1 para texto grande (≥18 px regular ou ≥14 px em negrito). O AAA aperta para 7:1 e 4,5:1 respectivamente.
O que é a regra 3:1 de componentes de UI
O critério 1.4.11 do WCAG 2.1 exige contraste 3:1 para ícones, bordas de campo e outras partes não-textuais que carregam informação. O selo da ferramenta cobre esse caso.
E cores semitransparentes
Sim quando o valor vem em rgba e o fundo é sólido; para várias camadas translúcidas você precisa achatar antes. A ferramenta avisa quando o parser não entende o valor.
Perguntas Frequentes
- Qual razão é considerada aprovada?
- O WCAG AA exige 4,5:1 para texto normal e 3:1 para texto grande (≥18 px regular ou ≥14 px em negrito). O AAA aperta para 7:1 e 4,5:1 respectivamente.
- O que é a regra 3:1 de componentes de UI?
- O critério 1.4.11 do WCAG 2.1 exige contraste 3:1 para ícones, bordas de campo e outras partes não-textuais que carregam informação. O selo da ferramenta cobre esse caso.
- E cores semitransparentes?
- Sim quando o valor vem em rgba e o fundo é sólido; para várias camadas translúcidas você precisa achatar antes. A ferramenta avisa quando o parser não entende o valor.
- Algo é enviado?
- Não. A conta é uma função pequena nesta página; as cores nunca saem do navegador.