Verificador de Contraste
Verifique a conformidade WCAG AA e AAA para qualquer combinação de cores de texto e fundo.
Text color
Background color
Large Text Example (18pt+)
Normal text: The quick brown fox jumps over the lazy dog. This is regular body text to test readability and contrast against the selected background color.
Large text = 18pt (24px) normal or 14pt (18.67px) bold. WCAG 2.1 guidelines. AA is the minimum standard; AAA is enhanced.
O que é conformidade de contraste WCAG?
O WCAG define proporções mínimas de contraste entre texto e fundo para garantir legibilidade para pessoas com baixa visão ou daltonismo. O nível AA exige pelo menos 4,5:1 para texto normal e 3:1 para texto grande. O nível AAA é o padrão avançado com 7:1 e 4,5:1.
AA ou AAA - qual você deve atingir?
AA é o mínimo legal para a maioria das regulamentações de acessibilidade (EN 301 549 na Europa, Section 508 nos EUA). AAA é o padrão ouro. A maioria das equipes visa AA para todo o texto e AAA para corpo de texto quando possível.
O que conta como "texto grande"?
O WCAG define texto grande como 18pt (24px) ou mais em peso normal, ou 14pt (18,67px) em negrito. Texto grande beneficia-se de uma proporção de contraste mais permissiva (3:1 para AA), pois o tamanho em si ajuda a legibilidade.
Como usar esta ferramenta
Escolha a cor do texto e do fundo com os seletores de cor ou digite códigos hexadecimais. A proporção de contraste atualiza instantaneamente e as quatro verificações WCAG mostram Aprovado ou Reprovado em tempo real. Use o botão Trocar para inverter as cores.