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:

  • Grackledocs Inc acquires Abledocs, a leading edge Document Remediation Services Company

    Posted in Digital Accessibility, Disability Awareness, Document Accessibility, News, Web Accessibility on December 14, 2023

    Toronto 13 Dec 2023 – GrackleDocs Inc. a leading developer of digital document accessibility technologies and solutions today announced the acquisition of the North American business assets and operations of AbleDocs…

    Read PostAn illustration of a bar graph with three bars, and the third bar is an arrow pointing upwards. Next to it is the universal accessibility symbol.
  • Best Practices for Digital and Event Accessibility in Pride Month Celebrations

    Posted in Digital Accessibility, Disability Awareness on June 2, 2023

    As Pride Month swings into high gear with an array of festivities and digital initiatives, it’s essential to spotlight a frequently overlooked issue: accessibility for all, including the disability community.…

    Read PostAn illustration with of a laptop with the universal accessibility symbol to the right of is waving a flag that reads, "Pride."
  • Growing up with Undiagnosed Autism: A Personal Journey

    Posted in Disability Awareness on June 20, 2023

    Introduction: What is autism? Autism is a neurological condition that affects the way a person interacts with the world around them. Also referred to as ASD (Autism Spectrum Disorder) or…

    Read PostAn illustration of a heart as a puzzle with four different coloured pieces coming together to make it complete.