Verificador de Contraste
Introduza uma cor de texto e de fundo para ver a proporção de contraste WCAG e quais os níveis AA e AAA aprovados.
Cada verificação é executada no seu navegador. Nada do que introduzir é carregado para o BroBroGo.
Perguntas Frequentes
O que significam os resultados AA e AAA?
AA é o nível que a maioria dos sites procura: exige uma proporção de pelo menos 4,5:1 para texto normal e 3:1 para texto grande. O nível AAA é mais rigoroso — 7:1 para texto normal e 4,5:1 para texto grande. A proporção vai de 1:1 (sem contraste) até 21:1 (preto no branco).
O que é considerado um texto grande?
Textos a partir de 18pt (cerca de 24px), ou 14pt (cerca de 18,5px) quando em negrito. Textos maiores continuam legíveis com menor contraste, pelo que passam no nível AA com 3:1 e no AAA com 4,5:1, em vez dos limites mais rígidos para texto normal.
Quais formatos de cor posso introduzir?
Introduza um valor hexadecimal como #1a1a1a, um valor rgb() como rgb(26, 26, 26) ou um valor hsl() — ou clique em qualquer uma das amostras para escolher uma cor. Utilize o botão de inversão para trocar as cores do texto e do fundo.
Este teste utiliza o WCAG 2 ou o novo método APCA?
Utiliza a fórmula do WCAG 2.1 / 2.2, que é a referência atual para regras e auditorias de acessibilidade. O APCA é um método mais recente e baseado na perceção visual que ainda está a ser elaborado para o WCAG 3 — é promissor, mas ainda não é um padrão de conformidade oficial, pelo que os resultados de aprovação aqui não o utilizam.