Font Accessibility Tester
Test if your font settings meet WCAG accessibility standards. Check size, line height, letter spacing and more. Free tool, instant results, no signup required.
Check if your typography is accessible — instantly
Test your font size, line height, letter spacing and more against WCAG 2.1 guidelines. Get a pass/fail report and copy accessible CSS with one click.
- •Test all WCAG 1.4.12 text spacing requirements in one place
- •Live preview shows exactly how your text will look
- •One-click presets: WCAG Minimum, Comfortable Reading, Dyslexia-Friendly
- •Copy accessible CSS values directly to your clipboard
- •Side-by-side comparison of your settings vs recommended values
Min: 16px for body text
Min: 1.5x (WCAG 1.4.12)
Min: 0.12em (WCAG 1.4.12)
Min: 0.16em (WCAG 1.4.12)
Max: 80 characters (WCAG best practice)
Accessibility Score
Generated CSS
.accessible-text {
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.12em;
word-spacing: 0.16em;
max-width: 80ch;
}Live Preview
How the Font Accessibility Tester Works
- 1Enter your current font settings using the sliders or input fields
- 2See instant pass/fail results for each WCAG requirement
- 3Adjust values until all checks pass, or use a preset
- 4Copy the accessible CSS to use in your project
The tool checks your typography against WCAG 2.1 Success Criterion 1.4.12 (Text Spacing) and related best practices for readable, accessible text.
Frequently Asked Questions
What is the minimum font size for accessibility?
WCAG doesn't specify a minimum font size, but 16px is the widely accepted minimum for body text. This is the default browser font size and ensures readability for most users without zooming.
What line height is accessible?
WCAG 1.4.12 requires that line height (line spacing) can be set to at least 1.5 times the font size. For optimal readability, 1.5 to 1.8 is recommended for body text.
What is WCAG 1.4.12 Text Spacing?
WCAG 1.4.12 requires that users can adjust text spacing without breaking the page. Specifically: line height to 1.5x font size, paragraph spacing to 2x font size, letter spacing to 0.12em, and word spacing to 0.16em.
What is the best font for accessibility?
Sans-serif fonts like Arial, Verdana, and Tahoma are generally most accessible. Avoid decorative fonts for body text. More important than the font itself is using adequate size (16px+), line height (1.5+), and sufficient colour contrast.
How many characters per line is accessible?
WCAG recommends a maximum of 80 characters per line for readability. The optimal range is 45-75 characters. Lines that are too long make it difficult to track from the end of one line to the start of the next.
Why Typography Accessibility Matters
Typography plays a crucial role in web accessibility. Proper font settings ensure that content is readable for all users, including those with visual impairments, dyslexia, or other reading difficulties. The Web Content Accessibility Guidelines (WCAG) provide specific recommendations for text spacing and sizing.
WCAG 1.4.12 Text Spacing Requirements
WCAG Success Criterion 1.4.12 (Level AA) requires that users can adjust text spacing without loss of content or functionality. This means your website should support:
- Line height (line spacing) at least 1.5 times the font size
- Spacing following paragraphs at least 2 times the font size
- Letter spacing (tracking) at least 0.12 times the font size
- Word spacing at least 0.16 times the font size
Best Practices for Readable Text
- Use a minimum font size of 16px for body text
- Limit line length to 45-80 characters for optimal readability
- Choose fonts with good letter differentiation
- Ensure sufficient color contrast between text and background
- Avoid justified text alignment which can create uneven word spacing
About the Presets
- WCAG Minimum: Meets the baseline WCAG 1.4.12 requirements
- Comfortable Reading: Slightly enhanced settings for better reading experience
- Dyslexia-Friendly: Optimized for users with dyslexia, with increased spacing and shorter line lengths