WCAG AA Text Size
Recommends a minimum body text size in pixels for WCAG AA at typical reading distance.
—
Recommended text size (WCAG AA)
Body text on the web should start at 16 CSS px (~12 pt), which happens to be the default font-size: 1rem that every major browser ships. WCAG 2.1 SC 1.4.4 Resize Text says text has to scale up to 200% without losing content, and SC 1.4.12 Text Spacing backs that up by pushing for layouts that bend. On contrast, SC 1.4.3 Contrast (Minimum) wants a 4.5:1 ratio for normal text and 3:1 for large text. Large here means ≥ 18 pt regular or ≥ 14 pt bold (~24 px / 18.66 px).
To convert in practice, use px = pt × (96/72), which gives 12 pt ≈ 16 px and 14 pt ≈ 18.67 px. Watch out on mobile: if you declare an input under 16 px, iOS zooms into the field the moment it gets focus. Setting font-size: 16px or larger on input, textarea and select stops that viewport jump. For SC 1.4.12, keep line height at 1.5× the font size and paragraph spacing at 2×.
Applications
Use the calculator to scale typography across design systems, e-commerce, news sites, government portals and educational platforms. The frameworks it maps to are WCAG 2.1/2.2, Brazil's eMAG 3.1, ABNT NBR 17060 (acessível para todos), Section 508 and EN 301 549.
FAQ
Can I use 14 px on the body? Not as your default size. People would end up zooming every page, which goes against what 1.4.4 is after. Save 14 px for captions or legal fine print.
Are rem units better than px? They usually are, because rem honours whatever font size the user picked in their browser. Set one root size on html and let everything else scale off it.
What about WCAG AAA? SC 1.4.6 pushes contrast up to 7:1 for normal text and 4.5:1 for large. The recommended baseline size, though, is still 16 px.
Related Tools
WCAG AAA Text Size
Recommends minimum text size in pixels for WCAG AAA at typical reading distance.
Accessible Font Size Calculator
Compute minimum font size for WCAG 2.1 accessibility: AA (16px body, 24px heading), AAA (18.66px body, 36px heading). Configurable.
Mobile Tap Target Size WCAG
Checks if a touch target meets the WCAG 2.5.5 minimum of 44x44 CSS pixels.
Cattleya Orchid Pot Size
Suggests ideal pot size for Cattleya orchid.
ASTM Grain Size
Compute the number of grains per square inch at 100× magnification from the ASTM grain-size number, N = 2^(G−1). The higher the G number, the smaller and more numerous the grains. Grain size is decisive in metal properties: fine grains (high G) increase strength and toughness (Hall-Petch relation), while coarse grains reduce them. It is measured by metallography. Enter the ASTM grain-size number (G).
Gunning Fog Index Calculator
Computes Gunning Fog reading complexity index from words, sentences and complex words with three or more syllables in the text.
The results provided by this tool are for general informational and educational purposes only and do not constitute professional, financial, medical, legal, tax or accounting advice. Always confirm important decisions with a qualified professional and official sources.