Accessibility testing is performed on a site to ensure that it can be used by people with disabilities such as hearing issues, colour blindness or visual impairments, to name a few and generally is accessible for all users. There are lots of requirements and tests that businesses now have to run to ensure that their website is easy to use and accessible for all. So we thought we would give you so top tips to ensure that your website is in tip top shape and ready for all users!
Our first piece of advice would be to have a copy of the WCAG 2.0 checklist by your side when you start accessibility testing. It makes it far easier to check what you have and haven’t got covered, and to track what changes you might need to go back and make. The WCAG 2.0 checklist can also be used to help you and your team set goals to improve your accessibility targets for the future and track how far you’ve come.
1. Colour contrast
Have you ever tried to read a poster on the tube or a piece of content on a website but found it hard to make out the words? Don’t worry, we’ve all been there. But this doesn’t necessarily mean you need to run and buy yourself a pair of glasses. Instead it could mean that the person creating the poster or website didn’t consider the colouring or the accessibility when they started designing. Sometimes it can be as simple as the background colour is too bright, or the wording isn’t bold enough to stand out, but it can have a real impact and can make it hard for people to read and understand your content. We found a rather dramatic example but hopefully it illustrates the issue.
See how a simple change of colour makes the words pop out at you? So before posting content on your site ask a couple of people to see if they can easily read it. If they struggle you might need to rethink your design a little to help improve its accessibility.
Speak to us about Design and UX
Lets us show you how this service and others can help your businessLets talk
2. Alt text for images
This is an important one. If a visitor of your site is visually impaired they will most likely use a screen reader, which scans the page and reads the content allowed. If it hits an image or an infographic the screen reader is unable to process it and will simply ignore the content. This means that some of your audience aren’t able to access all the content available on your site and could stop them from gaining vital information.
Instead of them missing out you can add an alt text to your image, which is very simple to do. It’s suggested that each description is about 1 or 2 lines long and it just explains what’s happening in the picture. And to make it even easier often on Microsoft word it will offer a suggested alt text, which you can either keep or edit.
Alt text: A group of four students are sitting at their desks, three writing and one working on a laptop. Their teacher is leaning over, hand resting on the desk, and smiling at the student in the foreground.
3. Audio descriptions/subtitles on videos
4. Keyboard accessible
Next we have keyboard accessibility. Even though this is the hardest to achieve, it is still a very important one to bear in mind when designing and testing your website’s accessibility.
Very simply it means that every action that a visitor can take on your website, should be achievable via their keyboard. For example, using the tab key to click through forms or the up and down buttons to scroll on the page. Nothing that can only be achieved with a mouse should be used on your site.
This becomes particularly difficult when sites have pop up ads, as most of these can only be closed with a mouse. But it is up to you to create solutions to combat this to ensure your site is totally accessible. A way around this would be to have the ad pop up in the corner of the page where it does not obscure the content and allows the user to continue to scroll through the page.