Here are just a few of the ways that all my latest websites are designed to be easy to use for disabled visitors:
1 Colour Contrast
To make sure your site is easy to use for visitors with poor vision, I make sure all the text on your website contrasts sufficiently with the background to make it easy to read (using at least a 4:5:1 contrast ratio to be specific). I also make sure that if text is over a video or image, you can still read the text clearly on every screen size. Elements within a form will also have a good contrast ratio to the background.
2 Font Size
I make sure the default font size used on your website is large enough that it’s easy to read. Then I make sure that when a visitor increases the font size in their browser, everything still works smoothly up to 200% font size increase.
3 ‘Skip to Content’ Button
For visitors using screen readers, or who can’t use a mouse, it can be tedious having to go through the whole menu at the start of each page. To help here, I add a skip to content link, which lets users go straight to the text of the page. To see this, you can hit tab after a page on this site loads and the button will appear.
4 Highlights for Keyboard Users
To further assist visitors who can’t use a mouse, I make sure that if you navigate through a page using the tab button on your keyboard, there is always a clear highlight to show you where you are in the page.
5 Avoiding Conveying Information Only Through Colour
You need to make sure that you don’t rely only on colour to give information as this will be difficult for colour-blind users. One place this often happens is with links – just changing the colour of the text isn’t enough to show it can be clicked. That’s why I make sure to add an underline to our links, so colour-blind users can easily pick them out of the text on the page.
There are also many other more technical ways to keep code accessible – if you would like further details about how to make a websites accessible, please contact me.
Making sure the website is built for users with disabilities is only half the story; you also need to make sure the content you add to the site will work for them too. Find out more in my future articles on accessibility.
So for your next web project, why not choose a freelancer that makes the needs of disabled users a priority? Please get in touch to see how I can help.
get in touchVisit pagespeed.web.dev and enter the URL of the page you would like to test. This can highlight some accessibility issues and help point you at some ways to improve the accessibility of your website, but there are many other areas it doesn’t cover that need to be checked manually. Or you can contact me for a review of your website.
I make sure all my latest websites are built to the AA WCAG 2.2 web standards. I can also build to AAA on request, but this does severely limit the colour choices available and therefore can make it harder to match your website to your branding.