Qual o contraste mínimo exigido pelo WCAG?

Nível AA: 4.5:1 para texto normal e 3:1 para texto grande. Nível AAA: 7:1 para texto normal e 4.5:1 para texto grande.

O que conta como "texto grande"?

Texto a partir de 18pt (24px), ou 14pt (18.66px) em negrito, segundo as diretrizes do WCAG.

Meus dados são enviados para algum servidor?

Não. Todo o cálculo acontece localmente, no seu navegador.

Verificador de Contraste (WCAG)

Escolha a cor do texto e a cor do fundo para ver o contraste entre elas e se atendem aos níveis AA e AAA do WCAG.

Cor do texto

Cor do fundo

Texto grande de exemplo

Este é um texto normal de exemplo para avaliar a legibilidade.

Proporção de contraste

14.68:1

Texto normal

AA: aprovado

AAA: aprovado

Texto grande

AA: aprovado

AAA: aprovado

Como funciona

Todo o processamento é feito localmente, no seu navegador. Nenhuma cor é enviada a nenhum servidor. O contraste é calculado seguindo a fórmula oficial do WCAG 2.x, a partir da luminância relativa de cada cor. O resultado é uma proporção de 1:1 (sem contraste algum) a 21:1 (preto sobre branco, o máximo). As diretrizes de acessibilidade exigem contrastes mínimos diferentes para texto normal e texto grande (a partir de 18pt, ou 14pt em negrito), e definem dois níveis de conformidade: AA (mínimo recomendado) e AAA (mais rigoroso).

Perguntas frequentes

Ferramentas relacionadas

CoresSeletor de CoresEscolha uma cor e veja HEX, RGB e HSL na hora.CoresGerador de Paleta de CoresGere paletas harmônicas a partir de uma cor base.CoresSimulador de DaltonismoVeja como uma imagem aparece para pessoas daltônicas.