An illustration of featuring a light-blue background with a white box in the middle that is outlined by a dotted border.

Whitespace, Images, and Videos: Tools to Help Those with Dyslexia

Posted by: GrackleDocs on May 16, 2023

For most people, how a website is laid out is purely an aesthetic choice, but for those with dyslexia, it can be the difference between understanding and not. I have been to many websites with large blocks of text with little in between. I have found that even with the accessibility add-ons I use, comprehending the information becomes a stressful endeavour.

White space is not only the space between paragraphs but also the space between lines and letters. Consistency in how you use your white space makes for a cleaner website and is also an aide that can help those with dyslexia. Avoid fully justified text; this creates uneven spaces between words and letters, making using your site quite stressful for those with dyslexia.

Keeping your paragraphs short and to the point means people are not confronted with a wall of text. Additionally, increasing line spacing reduces the chance of word hopping and sentence skipping, where a dyslexic reader either misses an entire line of text or words from one line are read as part of another.

Increasing text spacing can also be of benefit. Both OpenDyslexic and Dyslexie fonts increase the space between letters and words, allowing for better comprehension. Breaking up your information with white space, images, or other media, can often help those with dyslexia, making it a much cleaner site.

Using images and infographics rather than blocks of text can be a great way to get your information across without causing stress for those with dyslexia. Most people with dyslexia are visual learners, and so using more images is the more accessible choice. If you do need large amounts of text, include some complementary images. This allows the dyslexic reader a chance to rest their eyes and brains by looking at said images.

Videos are another thing that benefits all users, but especially those with dyslexia, and are a great way to get your information across. Just remember, do not have your videos auto-play; this can be very distracting when a user first arrives at that page.

Breaking up your information with white space, images, or other media, can help those with dyslexia, making it a much cleaner site. Remember, 10% to 20% of the people using your website have dyslexia, so designing with dyslexia in mind benefits all your users.

Back to Top

You may also be interested in:

  • The Accessible Canada Act and Digital Accessibility: Everything You Need to Know

    Posted in Digital Accessibility on October 26, 2023

    In an era where digital spaces dominate various aspects of our daily lives, ensuring accessibility for all is not just a legal obligation but also an ethical and moral imperative.…

    Read PostAn illustration of an open laptop with the long piece of paper coming from it with a maple leaf on it. Next to it is the universal symbol for accessibility.
  • Unveiling WCAG 2.2: The Next Level of Inclusive Design

    Posted in Digital Accessibility, Web Accessibility on November 13, 2023

    Introduction In the world of web design, progress never ceases. And the latest addition to the Web Content Accessibility Guidelines (WCAG) family, WCAG 2.2, has just made its debut. It’s…

    Read PostAn illustration of an open laptpo that has a pencil and ruler in an X-pattern with the text over top reading, "WCAG 2.2," and the universal accessibility symbol to the right of it.
  • Abbreviations and Accessibility

    Posted in Digital Accessibility on April 25, 2023

    The World Wide Web Consortium’s (W3C) Web Content Accessibility Guidelines (WCAG) devotes a specific AAA-level Success Criterion for testers, 3.1.4 Abbreviations. To pass this criterion, any abbreviations on a webpage…

    Read PostAn illustration of two chat bubbles, one with the letters F Y I and the other empty. Next to them is the universal accessibility symbol.