Aa Font Readability

WCAG · accessibility · live typography

The Font Readability Tester helps you evaluate typography with practical metrics: text size, line-height, characters per line, WCAG checks, and visual simulations. Tune values in real time and copy the resulting CSS.

Font size
16
px
8px16px72px
Typography
Line-height1.6
Letter spacing0em
Line width (max-width)680px
Font weight400
Font family
Color scheme
User profile - suggested size
Visual simulations
Blurred vision (cataract / presbyopia)
Low brightness (dark environments)
Forced dark mode
Colored background (interference)
WCAG AA body
—
min 14px (bold) / 18px
Characters per line
—
ideal: 55-75
Line-height
1.6
WCAG: >= 1.5
Score
—
readability
Content:

How to use this tool effectively

  • Start with a solid base: 16px body text and 1.5-1.7 line-height.
  • Keep paragraph width in a readable range: roughly 55-75 characters per line.
  • Validate settings with multiple content types (article, UI, legal, code) and visual simulations.
  • For body text, always aim for WCAG-aligned readability and sufficient color contrast.