How White Space Improves Reading Comprehension for Everyone

White space is the empty space around and between text: margins, gaps between paragraphs, and the space between lines and letters. It isn't wasted space. It tells the eye where one idea ends and the next begins, and it makes long text less tiring to read.

Two kinds of white space

• Micro: line height, letter spacing and word spacing within text.
• Macro: margins, gaps between paragraphs and sections, and space around images and buttons.

How it helps reading

• Easier tracking: enough space between lines helps your eyes find the start of the next line.
• Clear structure: space between sections groups related ideas, so readers understand how the parts fit together.
• Less overwhelm: a wall of text looks like hard work, and many readers skip it.
• Better focus: fewer elements competing for attention. See reducing visual clutter.

The effect is strongest for people with dyslexia, ADHD or low vision, but it helps everyone, especially on small screens.

Spacing that works

• Line height: about 1.5 times the font size for body text. The British Dyslexia Association's style guide recommends 1.5 as well.
• Paragraph spacing: a clear gap between paragraphs, at least as much as the line height.
• Line length: about 50 to 75 characters per line. Very wide text columns are tiring to follow.
• Left-aligned text: justified text creates uneven gaps between words.
• Short paragraphs and headings that break up long pages. See writing scannable content.

The accessibility rule

WCAG's Text Spacing requirement says pages must still work when users increase line height to 1.5, paragraph spacing to twice the font size, letter spacing to 0.12 times and word spacing to 0.16 times the font size. Sites that break when readers add space fail it.

Add space yourself as a reader

• Chrome's Reading mode: right-click and choose "Open in reading mode", then set line spacing and letter spacing.
• Font settings: see customizing line spacing in Chrome.
• ADHD Reading Focus shows one paragraph at a time in large text, removing everything around it.
• Reading Progress Bar adds a thin bar showing how far through a page you are, which makes long articles feel more manageable.

For designers

When a page feels cluttered, try adding space before removing content. More space between sections often does more than a new layout. See how websites use white space and typography hierarchy.