Este verificador avalia tanto a conformidade de contraste quanto o comportamento de um par de cores para usuarios com diferentes deficiencias de visao de cor.
Significado dos selos:
- AA normal: indica se a relacao de contraste atende ao WCAG AA para texto de tamanho normal. O limite e 4.5:1.
- AAA normal: indica se a relacao de contraste atende ao WCAG AAA para texto de tamanho normal. O limite e 7:1.
Por que isso importa:
- "Normal" significa texto comum, labels pequenos e a maior parte da interface.
- Texto grande tem limites menores no WCAG: AA large passa com 3:1 e AAA large com 4.5:1.
- Assim, uma combinacao pode falhar em AAA normal e ainda ser aceitavel para titulos grandes ou texto em destaque.
Campos:
- Cor de primeiro plano: texto, icone ou cor principal posicionada por cima
- Cor de fundo: cor da superficie ao fundo
- Imagem de design: captura opcional para analisar regioes com contraste local insuficiente
- Nivel WCAG: controla o limite usado para marcar areas de risco na imagem
Como ler o resultado:
- Os cards Normal / Protanopia / Deuteranopia / Tritanopia / Achromatopsia mostram a aparencia do par em cada simulacao.
- A relacao de contraste e recalculada apos cada simulacao para mostrar se uma combinacao segura na visao normal piora para outros usuarios.
- A analise da captura marca blocos cujo contraste local fica abaixo do limite WCAG escolhido.