Entrada
Preparando seu ambiente de trabalho…
Como usar
- Digite cores opacas para o texto e o fundo.
- Confira a prévia, a razão e os resultados individuais.
- Ajuste as cores ou use a troca; copie a razão quando estiver pronta.
Entender o resultado do contraste
Uma cor de texto nítida em um fundo pode desaparecer em outro. O verificador compara o par e separa os requisitos para texto normal, texto grande e elementos de interface.
A prévia oferece contexto visual, enquanto a aprovação usa a razão calculada. Tamanho e peso da fonte e o restante do design ainda devem ser avaliados na interface pronta.
Entender a razão
A luminância relativa é calculada a partir dos canais sRGB linearizados. A razão divide a luminância mais clara acrescida de 0.05 pela mais escura acrescida de 0.05.
O exemplo de preto sobre branco chega a 21:1. Inverter texto e fundo mantém a razão, mas altera a apresentação visual.
#000000 on #ffffff21.00:1 · AA and AAA passTexto preto sobre branco tem a razão máxima de contraste WCAG: 21:1.
Limites e arredondamento
Texto normal usa 4.5:1 para AA e 7:1 para AAA. Texto grande usa 3:1 e 4.5:1; elementos de interface usam 3:1 quando esse critério se aplica.
A razão é exibida com duas casas, mas a aprovação usa o valor não arredondado. Cores transparentes são recusadas porque a cor efetiva depende do que está atrás.
Conferir a interface final
Considere a razão junto com o tamanho e o peso reais do texto e os estados dos componentes. A aprovação de um par não avalia foco visível, teclado, rótulos significativos ou o restante da página.
Entrada de texto de até 1 MiB. Transformações CSS e HTML são executadas em um worker com limite de 30 segundos. As ferramentas de cores usam sRGB; os estilos gerados são prévias e exigem testes no seu próprio layout.
Perguntas frequentes
Por que uma razão exibida no limite ainda pode falhar?
A exibição com duas casas pode arredondar para cima. A verificação usa o valor completo, então um resultado logo abaixo do limite ainda falha.
Posso informar cores transparentes?
Não. Informe as cores opacas finais após a composição com o fundo relevante.
Inverter as cores muda a razão?
Não. A razão de luminância é simétrica. A troca muda a prévia para comparar as duas apresentações.
Aprovação AA significa que a página inteira é acessível?
Não. Ela verifica apenas esse par segundo os limites exibidos. O critério aplicável ao texto ou componente e os demais requisitos precisam de revisão separada.
Posso salvar o resultado?
Use Copiar para obter a razão exibida. O verificador não gera um relatório de acessibilidade nem certifica uma página.