Calculadora de Tamanho de Texto Recomendado WCAG AAA

Tamanho de texto recomendado WCAG AAA

No nível AAA, a WCAG 2.1 sobe a razão de contraste para 7:1 em texto normal. Já o texto grande (≥ 18pt regular ou ≥ 14pt negrito) ganha uma folga, com 4.5:1. Para escolher o tamanho da fonte, a regra prática é escalar conforme a distância de leitura: tamanho_pt ≈ distancia_cm / 2.5. Assim o texto continua legível para quem tem baixa visão.

Alguns critérios ligados a isso importam. O 1.4.10 Reflow diz que o conteúdo precisa caber numa viewport de 320 pixels CSS sem forçar rolagem horizontal. O 1.4.4 Redimensionar texto pede que o texto seja ampliado até 200% sem perder nada pelo caminho. E o SC 1.4.5 / 1.4.9 afasta você de texto embutido em imagem, com os logotipos como única exceção.

Aplicações

Pense em portais gov.br, e-Gov, apps bancários, saúde e qualquer produto que mire conformidade AAA. Pesa mais quando o público inclui idosos ou pessoas com baixa visão, ou quando a distância de uso varia bastante (TVs, totens, painel automotivo). Para conferir, recorra a axe DevTools, Lighthouse, WAVE e Pa11y.

Perguntas frequentes

Qual o tamanho mínimo de corpo de texto na web? A WCAG não crava um valor em pixels. Na prática, 16px (12pt) é o ponto de partida da maioria, e os projetos voltados a AAA tendem a levar o corpo para 18–20px.

Dar zoom no navegador satisfaz o 1.4.4? Pode satisfazer. Se layout, controles e conteúdo continuam operáveis a 200% sem rolagem horizontal numa viewport de 1280px, o critério está atendido.

Como se mede o contraste? Sai da fórmula de luminância da WCAG (L1 + 0.05) / (L2 + 0.05), em que L1 e L2 são as luminâncias relativas do primeiro plano e do fundo.