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 é o font-size: 1rem padrão dos navegadores. O critério WCAG 2.1 1.4.4 Redimensionar Texto exige escala até 200% sem perda de conteúdo, e 1.4.12 Espaçamento de Texto reforça layouts flexíveis. Para contraste, 1.4.3 Contraste Mínimo pede razão 4,5:1 em texto normal e 3:1 em texto grande, definido como ≥ 18 pt regular ou ≥ 14 pt em negrito (~24 px / 18,66 px).

A conversão prática é px = pt × (96/72), então 12 pt ≈ 16 px e 14 pt ≈ 18,67 px. No celular, declarar inputs com menos de 16 px faz o iOS aplicar zoom automático ao focar o campo — usar font-size: 16px (ou maior) em input, textarea e select evita o deslocá-mento indesejado. O entrelinhamento deve ficar em 1,5× o tamanho da fonte e o espaçamento entre parágrafos em 2× para atender o 1.4.12.

Aplicações

Use a calculadora para escalar tipografia em design systems, e-commerce, portais de notícias, governo eletrônico e plataformas educacionais. Referências: 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 padrão. O usuário teria que dar zoom em toda página, ferindo o espírito do critério 1.4.4. Deixe 14 px apenas para legendas ou letras miúdas.

rem é melhor que px? Sim — rem respeita a preferência de fonte do navegador. Defina o tamanho raiz no html e escale a partir dele.

E o WCAG AAA? O critério 1.4.6 sobe o contraste para 7:1 (normal) e 4,5:1 (grande); o tamanho base segue 16 px.