Estimated reading time: 4 minutes
Director and founder
We have composed some guides to accessibility and dyslexia testing here at DTL, this is a summary of these guides and an introduction to making your site work for people with dyslexia.
Making your site usable for someone with Dyslexia
Here is a guide to making a site usable for someone with dyslexia:
The main takeaways here are
The main takeaway from this article are:
– You need to make sure the site works with a screen reader
– You should avoid a white background – so intro an off-white colour for the background
Next step – how to the site accessible?
Here is a guide to making a website accessible – making a website accessible follows that it will work with someone with dyslexia:
1. Make Sure Your Site Is Keyboard-Friendly
“This is easy to test — simply use your own site without a mouse. If you find that you can’t access certain elements or that navigating is difficult, you can pinpoint those issues and address them. To help you out with this, WebAIM provides a handy guide for keyboard accessibility design.”
3. Add Alt Text to All Images
This is something you should be doing on your site as standard.
4. Choose Your Colors Carefully
This is to ensure a high amount of contrast between background colours and text colours.
5. Use Headers to Structure Your Content Correctly
H1, H2, H3, etc…
6. Design Your Forms for Accessibility
Yes you need to keep this in mind. What’s most important is to ensure that each field is clearly labeled.
7. Don’t Use Tables for Anything Except Tabular Data
8. Enable Resizable Text That Doesn’t Break Your Site
A good practice is to avoid absolute units, such as specifying text size using pixels. Instead, use relative sizes, which enable the text to scale depending on other content and screen size.
– Relative sizes use ‘em’ – you ought to do this, and test, by increasing the font sizes in the browser….
How to test with a screen reader:
Here is an article about how to test with a screen reader:
“macOS users have a pretty powerful screen reader built in for free, VoiceOver. To access VoiceOver, Go to System Preferences > Accessibility > VoiceOver.”
Worth having a play with this…
Looks like you can do iPhone screen reading too. Probably worth a test too.
Above are several approaches to making your site more accessible for people with dyslexia, and ways for testing different aspects of this. We hope this helps!
Check out other awesome blog content:
Introduction What is an eCommerce platform? A set of technologies (a platform) in which it has eCommerce capability at its core. i.e. you can take payments for things. And then build your application / online ecommerce site/business, etc on top of it. Benefits of...
Lockdown 2.0 is a great time to work on your website. Whether it’s updating front end content or adding metadata and new plugins in the back end there’s never been a better time to focus on your website.
Want to get more help or further guidance?
Thanks for visiting. Cheerio! Cheers and bye for now. So, farewell and hope to see you soon.
We've been Digital Technology Labs.