The Dyslexia-Friendly Text Preview lets you see your own copy through the lens of the typographic adjustments that help many dyslexic and visually-sensitive readers. Instead of guessing, you tune spacing, size, and background tint with live sliders and judge readability directly.
How it works
The tool renders your pasted text in a preview pane and exposes the adjustments the British Dyslexia Association style guide recommends, applied as live CSS:
- Letter spacing (
letter-spacing) — extra space between characters reduces crowding. - Word spacing (
word-spacing) — clearer word boundaries aid tracking. - Line height (
line-height) — at least 1.5 keeps lines from running together. - Font size — a slightly larger size is easier to follow.
- Background tint — off-white, beige, or pale blue-grey to cut glare.
Text is always left-aligned (never justified), because justification creates uneven rivers of white space that disrupt reading. A clean sans-serif stack from fonts already on your device is used, so nothing is downloaded.
Why spacing over a special font
Evidence on dedicated dyslexia fonts is mixed, but evidence on spacing and contrast is consistent: more space between letters, words, and lines measurably improves reading for dyslexic readers. This tool therefore puts those controls front and centre.
Tips
- Start from the defaults (letter spacing ~0.05em, word spacing ~0.16em, line height 1.6) and adjust to taste.
- Prefer a cream or pale blue-grey background over pure white for long passages.
- Keep lines from getting too long; shorter measures are easier to track. Adjust the preview width by resizing your window.