Qual é a proporção mínima de contraste WCAG?

WCAG 2.1 AA exige uma proporção de contraste de pelo menos 4.5:1 para texto normal e 3:1 para texto grande. AAA exige pelo menos 7:1 para texto normal e 4.5:1 para texto grande.

O que se qualifica como texto grande?

Texto grande é definido como 18pt (aprox. 24px) ou maior, ou 14pt (aprox. 18.67px) em negrito ou maior.

Esta ferramenta carrega minhas cores?

Não. Todos os cálculos, avaliações de luminância relativa e modificações de cores acontecem no seu navegador usando JavaScript. Nenhum dado de cor é enviado para o servidor.

Verificador de Contraste de Cores WCAG

Avalie a proporção de contraste das cores do texto e do fundo de acordo com as diretrizes WCAG 2.1. Gere ajustes de cores acessíveis instantaneamente.

Cor do Texto / Primeiro Plano HEX/RGB/HSL

Background Color HEX/RGB/HSL

Tudo roda localmente no seu navegador.

Pré-visualização de Texto ao Vivo

Título Grande (18pt Negrito / 24pt Regular)

Esta é uma pré-visualização do estilo de texto de título grande.

Texto Normal (Abaixo de 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Proporção de Contraste

18.6:1

Status de Conformidade WCAG 2.1

Requisitos WCAG AA

Texto Normal (4.5:1) PASS

Texto Grande (3.0:1) PASS

Requisitos WCAG AAA

Texto Normal (7.0:1) PASS

Texto Grande (4.5:1) PASS

Diretrizes WCAG 2.1

Verifique facilmente os padrões de contraste para construir interfaces acessíveis que estejam em conformidade com as diretrizes da Seção 508, ADA e WCAG AA ou AAA.

Mecanismo de Sugestões

Ajuste automaticamente as cores incrementalmente ao longo das coordenadas HSL para descobrir as alternativas mais próximas que atendam aos critérios de proporção de contraste.

Totalmente do Lado do Cliente

Os cálculos são executados localmente no contexto do seu navegador. Nenhuma cor, arquivo ou coordenadas de telemetria são transmitidos para nossos servidores.