Dyslexia-Friendly Text Preview

Preview your copy with adjustable spacing, line height, and tinted backgrounds.

Ad placeholder (leaderboard)

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.
Ad placeholder (rectangle)