O texto é legível no fundo?

Designers e engenheiros muitas vezes precisam de um sim ou não para uma pergunta enganosamente simples: esta cor de texto, neste tamanho, é de fato legível naquele fundo? Uma taxa de contraste sozinha não decide o caso, porque as Diretrizes de Acessibilidade para Conteúdo Web tratam o tipo grande com mais folga do que o corpo. Este verificador recebe uma cor hex de texto, uma cor hex de fundo e um tamanho de fonte, classifica a amostra como normal ou large com a regra publicada de dezoito pontos ou catorze pontos em negrito, e compara a taxa oficial de contraste por luminância relativa com o mínimo do nível que você pediu. O veredito é um booleano chamado legible, mais a taxa, o limiar e a classe da escala para que você mostre a aritmética ao lado da resposta.

Como a legibilidade WCAG é decidida conforme o tamanho

As Diretrizes de Acessibilidade para Conteúdo Web não tratam cada glifo do mesmo jeito. O corpo a dezesseis pixels tem um dever de contraste mais rígido do que um título a vinte e quatro pixels, porque as formas maiores continuam legíveis com um vão de luminância menor. Este verificador transforma essa regra num único booleano.

Ele analisa a cor do texto e a do fundo como hex sRGB opaco, lineariza cada canal de oito bits com a curva oficial por partes e monta a luminância relativa com os pesos 0.2126, 0.7152 e 0.0722. A taxa de contraste é a luminância mais clara mais 0.05 dividida pela mais escura mais 0.05.

Em paralelo converte o tamanho informado em pontos CSS, em que um ponto equivale a quatro terços de um pixel, e classifica a amostra como large quando tem pelo menos dezoito pontos, ou pelo menos catorze pontos e está marcada em negrito. O tipo grande precisa de um mínimo de três para um em AA e de quatro vírgula cinco para um em AAA; o tipo normal precisa de quatro vírgula cinco e sete. O nível pedido escolhe um desses quatro pisos.

A taxa sem arredondar é comparada ao piso para que um 4.50 exibido não deixe passar um 4.499 abaixo de AA. Nada é inferido de CSS, capturas ou de uma página ao vivo: você nomeia o par e o tamanho e recebe um veredito reproduzível para tickets, tokens de design e portões automatizados.

Onde uma checagem sim ou não conforme o tamanho se paga

Equipes de produto encontram essa pergunta quando um cinza de marca fica elegante num slide mas falha como corpo de dezesseis pixels num cartão branco, ou quando um título a vinte e quatro pixels passaria em AA enquanto o mesmo par falharia num rótulo de formulário. Designers colam um hex de token, a superfície atrás e o tamanho da escala, e leem um único indicador legible antes de travar o par.

Engenheiros ligam o contrato a checagens de pull request que bloqueiam um token de corpo quando o tipo regular de dezesseis pixels cai abaixo de 4.5 para 1, e ainda permitem que um título hero a dezoito pontos use o piso de texto grande de 3 para 1. Especialistas de qualidade e acessibilidade anexam a taxa numérica, a escala classificada e o booleano aos tickets para que a correção mire o par e o tamanho reais, não um palpite de captura.

Equipes de marketing conferem os hex de campanha contra o fundo do site no tamanho real da legenda, não num tamanho de cabeçalho imaginado. Nesta página o trabalho roda inteiro no seu navegador. Combine este veredito com um scanner de acessibilidade de página inteira quando precisar varrer marcação ao vivo, e com uma matriz de taxas de contraste quando quiser todas as bandeiras AA e AAA das duas escalas de uma vez.

Use esta página quando a intenção de busca for especificamente se aquele texto, naquele tamanho, é seguro naquele fundo.