All Tools
Check your typography against WCAG 1.4.12 Text Spacing requirements. Live preview, auto-fix, and copy-paste CSS output.
Check your font size, line height, letter spacing, and word spacing against WCAG 1.4.12 Text Spacing accessibility requirements. This tool runs entirely in your browser, shows a live preview of your settings, and tells you exactly which values pass or fail. Hit "Fix All" to auto-correct everything to WCAG-compliant minimums. No signup, no data sent anywhere.
WCAG 1.4.12 is a Level AA accessibility criterion that ensures content remains readable when users adjust text spacing. It sets minimum thresholds: line height must be at least 1.5 times the font size, letter spacing at least 0.12em, word spacing at least 0.16em, and paragraph spacing at least 2 times the font size. These rules exist because many users with dyslexia, low vision, or cognitive disabilities rely on custom spacing to make text legible. If your CSS fights these adjustments, you break accessibility for millions of people.
While WCAG itself does not mandate a minimum pixel size for body text, practical accessibility guidance is clear: 16px (1rem) is the baseline for comfortable desktop reading, and 14px is the absolute floor for mobile. Smaller text forces zooming, which can wreck responsive layouts and frustrate users. Using relative units like rem or em lets your site respect the user's own browser font size preference, which is a simple win for accessibility with zero design cost.
For body text, target at least 16px with a line height of 1.5. Letter spacing should be 0.12em or more, and word spacing 0.16em or more. Paragraph margins should be at least 2 times the font size (for a 16px font, that means 32px of space between paragraphs). These values come directly from WCAG 1.4.12 and from readability research by organizations like the British Dyslexia Association. Meeting them benefits everyone, not just users with disabilities.