ページを読み込んでいます
Verifica a rácio de contraste de cores de acordo com as normas WCAG. Inclui testes de conformidade AA/AAA e sugestões de melhoria.
Introduza as cores de primeiro plano (texto) e de fundo utilizando códigos HEX ou o seletor de cores.
O rácio de contraste é calculado automaticamente e o estado de conformidade WCAG AA/AAA é apresentado.
Em caso de não conformidade, é sugerida uma cor melhorada que cumpre o critério AA. Clique em "Aplicar" para a utilizar.
Rácio de contraste: 12,63:1,Texto normal AA: Aprovado,Texto grande AA: Aprovado
O texto de tamanho normal será apresentado desta forma. Aplica-se a tamanhos de letra de 16px ou inferiores.
Texto grande (18pt ou superior / 14pt negrito ou superior)
| AA | AAA | |
|---|---|---|
| Texto normalMín. 4.5:1 | Aprovado | Aprovado |
| Texto grandeMín. 3:1 | Aprovado | Aprovado |
A combinação de cores atual cumpre o critério AA.
Uma ferramenta que calcula o rácio 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 as normas de acessibilidade.
AA é a norma mínima exigida (texto normal 4.5:1, texto grande 3:1), enquanto AAA é uma norma mais elevada (texto normal 7:1, texto grande 4.5:1). A conformidade com o nível AA é geralmente recomendada.
Texto de 18pt (24px) ou superior, ou texto em negrito de 14pt (aproximadamente 18,66px) ou superior, é considerado "texto grande" e tem um requisito de contraste menos exigente.
Utiliza-se a fórmula de luminância relativa definida nas 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.