Calculadora de Tamanho de Texto Recomendado WCAG AA

Tamanho de texto recomendado (WCAG AA)

O corpo de texto na web deve partir de 16 CSS px (~12 pt), que por acaso é o font-size: 1rem padrão que os navegadores já trazem. O critério WCAG 2.1 1.4.4 Redimensionar Texto exige escala até 200% sem perda de conteúdo, e o 1.4.12 Espaçamento de Texto apoia isso ao cobrar layouts que se ajustam. No contraste, o 1.4.3 Contraste Mínimo pede razão 4,5:1 em texto normal e 3:1 em texto grande. Texto grande aqui quer dizer ≥ 18 pt regular ou ≥ 14 pt em negrito (~24 px / 18,66 px).

Para converter na prática, use px = pt × (96/72), o que dá 12 pt ≈ 16 px e 14 pt ≈ 18,67 px. Cuidado no celular: declarar um input com menos de 16 px faz o iOS dar zoom no campo assim que ele recebe foco. Definir font-size: 16px (ou maior) em input, textarea e select evita esse salto da viewport. Para o 1.4.12, mantenha o entrelinhamento em 1,5× o tamanho da fonte e o espaçamento entre parágrafos em 2×.

Aplicações

Use a calculadora para escalar tipografia em design systems, e-commerce, portais de notícias, governo eletrônico e plataformas educacionais. As referências a que ela se liga são WCAG 2.1/2.2, eMAG 3.1, ABNT NBR 17060 (acessível para todos), Section 508 e EN 301 549.

Perguntas frequentes

Posso usar 14 px no corpo? Não como tamanho padrão. O usuário acabaria dando zoom em toda página, o que contraria a intenção do critério 1.4.4. Guarde os 14 px para legendas ou letras miúdas.

rem é melhor que px? Costuma ser, porque o rem respeita a preferência de fonte escolhida no navegador. Defina um tamanho raiz no html e deixe o resto escalar a partir dele.

E o WCAG AAA? O critério 1.4.6 sobe o contraste para 7:1 em texto normal e 4,5:1 em texto grande. O tamanho base, porém, continua em 16 px.