Text Spacing Preview
Preview WCAG text spacing on a sample passage.
People with dyslexia and low vision often benefit from increased letter, word, and line spacing. Adjust the sliders to preview WCAG-style spacing on this passage.
WCAG 1.4.12 reference: line ≥ 1.5, letter ≥ 0.12em, word ≥ 0.16em
About this tool
Spacing changes how type feels—tight for headlines, airy for long reads. This free text spacing tool lets you experiment with letter and word gaps. Paste sample copy, tweak spacing locally, and note CSS values you might apply in a real layout.
How to use
- Paste sample text into the spacing tool.
- Adjust letter, word, or line spacing controls.
- Preview readability at different settings.
- Note values you want to recreate in CSS or a design file.
Frequently asked questions
If the UI shows CSS-like values, copy them; otherwise translate your preferred spacing into letter-spacing/line-height in code.