ページを読み込んでいます
Verifica a proporção de contraste de cores de acordo com os padrões WCAG. Inclui testes de conformidade AA/AAA e sugestões de melhoria.
Insira as cores de primeiro plano (texto) e de fundo usando códigos HEX ou o seletor de cores.
A proporção de contraste é calculada automaticamente e o status de conformidade WCAG AA/AAA é exibido.
Se não estiver em conformidade, uma cor melhorada que atende ao critério AA é sugerida. Clique em "Aplicar" para usá-la.
Proporção de contraste: 12,63:1,Texto normal AA: Aprovado,Texto grande AA: Aprovado
O texto de tamanho normal aparecerá assim. Isso se aplica a tamanhos de fonte de 16px ou menores.
Texto grande (18pt ou mais / 14pt negrito ou mais)
| AA | AAA | |
|---|---|---|
| Texto normalMín. 4.5:1 | Aprovado | Aprovado |
| Texto grandeMín. 3:1 | Aprovado | Aprovado |
A combinação de cores atual atende ao critério AA.
Uma ferramenta que calcula a proporção de contraste entre o texto e a cor de fundo com base nas WCAG (Diretrizes de Acessibilidade para Conteúdo Web) e verifica a conformidade com os padrões de acessibilidade.
AA é o padrão mínimo exigido (texto normal 4.5:1, texto grande 3:1), enquanto AAA é um padrão mais elevado (texto normal 7:1, texto grande 4.5:1). A conformidade com o nível AA é geralmente recomendada.
Texto de 18pt (24px) ou maior, ou texto em negrito de 14pt (aproximadamente 18,66px) ou maior, é considerado "texto grande" e possui um requisito de contraste menos rígido.
Utiliza-se a fórmula de luminância relativa definida na WCAG 2.0: (L1 + 0.05) / (L2 + 0.05), onde L1 é a luminância relativa da cor mais clara e L2 é a da cor mais escura.