Font Size Accessibility Checker
Enter a font size and weight to instantly see if it meets WCAG 2.1 AA and AAA readability requirements for body text and UI components.
Assumes 96 DPI and 16px browser default for em/rem.
Size Conversions
- Pixels (px)
- 16 px
- Points (pt)
- 12 pt
- Em / Rem
- 1 em
Live Preview
The quick brown fox jumps over the lazy dog.
WCAG 2.1 Text Classification
Normal Text
Below the large text threshold.
Required Contrast Ratio
WCAG AA
Minimum compliance
WCAG AAA
Enhanced compliance
Readability Checks
WCAG Large Text Thresholds
| Weight | Minimum pt | Minimum px |
|---|---|---|
| Normal (400) | 18 pt | 24 px |
| Bold (700+) | 14 pt | 18.67 px |
Summary
Enter a font size and weight to instantly see if it meets WCAG 2.1 AA and AAA readability requirements for body text and UI components.
How it works
- Enter your font size in pixels, points, em, or rem units.
- Select the font weight (normal or bold).
- The tool converts your value to both px and pt for comparison.
- It checks WCAG 2.1 definitions: large text is ≥18pt normal or ≥14pt bold.
- Pass/fail badges show which contrast ratio threshold (3:1 vs 4.5:1) applies.
- A readability verdict flags sizes below 16px body text or 12px UI minimums.
Use cases
- Verify that body copy meets the 16px minimum recommended for readability.
- Confirm a heading qualifies as WCAG "large text" to relax contrast requirements.
- Audit UI labels, captions, and helper text for accessible sizes.
- Educate designers on the pt/px relationship and WCAG size thresholds.
- Check mobile font sizes that may be scaled differently than desktop.
- Quickly convert between px, pt, em, and rem during design reviews.
Frequently Asked Questions
Related tools
Last updated: 2026-05-29 ·
Reviewed by Nham Vu