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

4.5:1

WCAG AAA

Enhanced compliance

7:1

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

  1. Enter your font size in pixels, points, em, or rem units.
  2. Select the font weight (normal or bold).
  3. The tool converts your value to both px and pt for comparison.
  4. It checks WCAG 2.1 definitions: large text is ≥18pt normal or ≥14pt bold.
  5. Pass/fail badges show which contrast ratio threshold (3:1 vs 4.5:1) applies.
  6. 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

Last updated: 2026-07-01 · Reviewed by Nham Vu