How Page Layout Affects Comprehension for Neurodivergent Readers

The same words can be easy or hard to read depending on how a page is laid out. For many neurodivergent readers, including people with ADHD, dyslexia and autism, layout can be the difference between understanding a page and giving up on it.

Line length

Very long lines make it hard to find the start of the next line; very short ones break up phrases. Typography guidance has long recommended roughly 50 to 75 characters per line. Wide pages on large screens often exceed that.

Spacing

• Line spacing: the British Dyslexia Association's style guide recommends spacing of 1.5, rather than tightly packed lines.
• Paragraph spacing: clear gaps between paragraphs help readers keep their place.
• WCAG 1.4.12 (Text Spacing) requires that pages still work when readers increase line, paragraph, letter and word spacing.

Alignment

Left-aligned text keeps even spaces between words. Justified text, aligned on both sides, creates uneven gaps and "rivers" of white space, which the BDA guide recommends avoiding.

Structure

• Headings that describe each section help readers see the shape of the page and find their place again.
• Short paragraphs with one idea each.
• Lists for steps and options.
• A summary at the top for long pages.

The W3C's guidance on making content usable for people with cognitive and learning disabilities recommends clear structure, plain language and consistent layout.

Distractions

For readers with ADHD, every moving or flashing element competes for attention: autoplaying video, animated ads, pop-ups, chat widgets and sidebars full of links. A page can be perfectly written and still hard to read because of what surrounds the text.

Fonts and contrast

Clear sans serif fonts at a comfortable size, with good but not harsh contrast, help many readers. Some prefer off-white or tinted backgrounds to pure white. See fonts for dyslexia and ADHD.

What readers can change

• Reader view removes clutter and lets you set font, size and spacing.
• Focus on one paragraph: ADHD Reading Focus shows one paragraph at a time in larger text, hiding everything else.
• See your progress: Reading Progress Bar shows how far through a page you are, which helps with long articles.
• Adjust spacing and size in your browser. See changing spacing and font size in Chrome.

See what research says about content structure.