Verificador de contraste WCAG
Indique a cor do texto e do fundo para obter o rácio de contraste WCAG e ver se cumpre AA e AAA em texto normal e grande.
- Funciona no navegador
- Sem envio
- O resultado fica no seu dispositivo
Privacidade e limitesExecuta no seu navegador. Nada é enviado.
O conteúdo das entradas fica neste separador; a Refentra não o envia nem guarda. As contagens agregadas opcionais de ações só são enviadas com o seu consentimento para medição de utilização. Limpe o espaço ao terminar.
Perfil suportado: WCAG 2.2 sRGB opaco; AA normal/grande: 4,5/3; AAA: 7/4,5. Grande: 18pt ou 14pt negrito.
Máximo 200.000 unidades UTF-16; os parsers podem ter limites inferiores. Worker: 15 segundos (regex 1,5 segundos).
Verificar os dados e o resultado
- Preparar e escolher a operação
Introduza as cores opacas do texto e do fundo; compare em separado os limiares do texto normal e do texto grande.
- Verificar um exemplo concreto
Experimente esta amostra e compare com o resultado indicado: #000000 / #ffffff → 21:1; #777777 / #ffffff → ≈4.48:1 < AA 4.5:1
- Rever antes de reutilizar o resultado
Leia o rácio numérico antes das indicações de aprovação; um valor próximo de 4,5 tem de cumprir o limiar sem arredondamento.
Respostas para esta tarefa
Quando é que o texto é grande?
Nas WCAG, texto grande é de pelo menos 18pt, ou 14pt a negrito; o nível AA exige aí 3:1, contra 4,5:1 no texto normal.
O que devo verificar se os dados falharem?
Use a sintaxe de cores opacas suportada; componha a transparência com o fundo real antes de comparar.
Onde termina o alcance desta ferramenta?
O contraste WCAG 2.2 entre duas cores não é uma auditoria de acessibilidade completa; os gradientes, as imagens, a visibilidade do foco e o contexto exigem verificações à parte.