Loading calculators...
Fetching calculator categories and tools for this section.
Preparing tools and content for you. This usually takes a second.
Fetching calculator categories and tools for this section.
Free font size accessibility calculator. Get minimum, recommended, and comfortable text sizes in px from viewing distance, body / UI / heading type, and vision profile β plus line-height targets. Pair with contrast ratio and monitor distance tools for readable interfaces.
Last updated: May 24, 2026
Unsure of viewing distance? Desk monitor distance calculator
Recommended Size
16px
Minimum Size
14px
Comfortable Target
18px
Suggested Line Height
1.5
Check text in real layouts, especially on dense screens and form-heavy flows.
Always validate real readability with contrast, spacing, and responsive breakpoints.
We can build and embed a custom version of Font Size Accessibility Calculator for your brand and workflow.
Answers: what px size is accessible for my distance and how much to bump type for senior or low-vision users.
Long-form reading β articles, help docs, onboarding copy at desk distance.
Buttons, form labels, and dense dashboards where legibility competes with space.
Page titles and section headers β scale up in your design system from recommended px.
Default: 24 in (61 cm), body, standard β 16Γ1Γ1 = 16 px recommended Β· min 14 Β· comfortable 18 Β· line-height 1.5.
Minimum
14 px
Recommended
16 px
Comfortable
18 px
| Type | Base | Line height | Use case |
|---|---|---|---|
| Body text | 16 px | 1.5 | Long-form paragraphs, help articles, emails |
| UI labels / buttons | 15 px | 1.5 | Form labels, chips, compact controls |
| Headings | 24 px | 1.3 | H1βH3 entry points; scale up in design system |
| Viewing distance | Factor | Notes |
|---|---|---|
| < 50 cm (~20 in) | Γ 0.95 | Phone/tablet arm-length β slightly smaller factor |
| 50β75 cm (~20β30 in) | Γ 1.0 | Typical laptop/desktop envelope |
| > 75 cm (~30 in) | Γ 1.15 | TV, kiosk, or monitor pushed back |
| Profile | Factor | Notes |
|---|---|---|
| Standard | Γ 1.0 | General adult audience |
| Senior-friendly | Γ 1.15 | Presbyopia-friendly bump without full low-vision scale |
| Low vision support | Γ 1.3 | Larger defaults; pair with contrast and zoom testing |
Evidence-informed planning model for design tokens β not a substitute for WCAG audit or user testing. Size and contrast work together.
distanceCm = inches Γ 2.54 (or cm as entered)recommended = basePx Γ distanceFactor Γ visionFactorminimum = max(14, recommended β 2)comfortable = recommended + 261 cm β factors 1.0Γ1.0. Classic web body token set; line-height 1.5. Use comfortable 18 px for long-form help centers.
16Γ1.15Γ1.15 = 21.2 px Β· min 19.2 Β· comfortable 23.2. Large display pushed back β bump tokens instead of relying on browser zoom alone.
15Γ0.95Γ1.3 = 18.5 px. Dense dashboard at arm's length still needs readable labels β pair with AAA contrast on small controls.
24Γ1.15 = 27.6 px Β· line-height 1.3. Build H2/H3 steps from this anchor.
16Γ1.3 = 20.8 px vs 16 px standard β +30% before distance changes. Compare with screen magnification if users still struggle.
Close: 15.2 px recommended (factor 0.95). Far UI: 17.3 px β shows same profile needs different tokens per content role and distance.
Share with design systems teams, accessibility champions, and developers shipping inclusive UI.
Suggested hashtags: #Accessibility #Typography #WCAG #InclusiveDesign #UX