An isometric illustration of people stood on a deconstructed website.

How to make your website accessible for everyone

2 Feb 2022

Barry Fisher - Technical Director

Written by
Barry Fisher
Technical Director

Every website owner wants to draw as many visitors as possible. Nevertheless, few carry out the steps needed to ensure everyone can operate their website. Millions of users and potential customers depend on websites being accessible. If you don't take the time to meet their needs, they (and you) will be missing out.

Fortunately, accessibility can be simple to achieve. First, you need to understand what can make a site hard, or even impossible, for some people to use.

Once you understand the challenges your website presents, you can make changes and create a site that works for all visitors.

Read on to find out what accessibility is, why you need to think about it and how to ensure your website is accessible for all.

What is website accessibility, and why does it matter?

According to the WHO, there are currently more than 1 billion disabled people globally, and the number is growing. Millions of these people are internet users, with some relying on the internet for their day to day tasks. Creating an accessible website means your website and mobile apps can be accessed and used by everyone regardless of barriers. When assessing accessibility, consider how users will successfully navigate your website if they have (for example) visual, hearing, motor or cognitive impairments.

Accessibility is about everyone, not just disabled users. The improvements you make to your site benefit all of your users and improve your SEO. Therefore, it is vital to undertake accessibility audits and updates so that your business grows online.

For public sector websites, accessibility is not just good practice, but a legal requirement. Public sector organisations must show that their website is 'perceivable, operable, understandable and robust' for all users.

Assistive technologies such as screen readers, alternative keyboards or speech recognition software help people with disabilities to browse the web, however, a well designed accessible site will make it easier for people to browse.

How to make your site accessible

Add Alt text to images

Adding Alt text to images means that if your image fails to load due to slow internet speeds, the image's description appears in its place. This means that visitors will see a description of what should have been displayed. Screen readers use Alt text to read users a description of the image, benefitting, for example, visually impaired visitors to your site. Alt text also helps improve your site's SEO; it is a straightforward change that enhances your website performance.

Consider the colours you use

Colour blindness is a spectrum condition where users perceive colours and contrasts differently. Therefore you should ensure the colours used on your website are easy to view for all. For example, using light text on a dark background, avoiding red and black or red and green combinations (these are the most difficult for people who have colour blindness to distinguish), or using blocks rather than patterns will help all users to view the text in the way you want them to. Using contrast checker sites help optimise your colour choices for all users.

Make use of header tags

Using H1, H2 and paragraphs within your website means your text flows correctly and is easier to understand for those with cognitive disabilities or for screen reader users to differentiate text. This leads to easier navigation around the page. Breaking up your content and not having too many words within each section enhances the user experience. The correct use of headers, shorter sentences, and avoiding confusing technical terminology will also improve your SEO score.

Avoid autoplay and auto navigation

In legal requirementthis article, I explained why you should avoid using autoplay or auto navigation, but from an accessibility perspective, it is even more vital to avoid. Autoplay could be confusing if the user is using a screen-reader or could startle users if a video auto-plays unexpectedly. The use of auto navigation or carousels may slow your site down or move too quickly for someone to read. By having static text, users can read it at their own pace rather than the pace you dictate.

Test your accessibility

After making changes to your website, it is crucial to check whether these amendments have done enough to make your website accessible. There are website tools and add ons available that access the accessibility of your website; below I have shared some examples of tools I find work well.

Google Lighthouse

Google Lighthouse is an open-source tool that generates reports on five aspects of your web page. It is a free tool, which assesses site speed, accessibility, performance, SEO and best practices. Anyone can run this report on any website, so it is worth checking your site to see how your site is scoring. Semrush has a full explanation of how you can use it to benefit your business.

Hotjar

Hotjar is a fantastic tool that allows you to see how your customers behave on your website. It is a heat map showing where users click or even hover their mouse. You can see where people click the most, how long they stay in that spot, discover what attracts your users, and so much more. Various plans are available, with the basic one being free.

User testing

User testing sites such as Maze allows you to gather quantitative data on how your users use your site. From heat maps to bounce rates, it looks at how your users behave on your website and generates a report so you can see your usability score.

Alternatively, you can ask your users their thoughts on your website. There is nothing better than first-hand user feedback about their experience of using your website. You could send an email or use a questionnaire; just be mindful that you comply with GDPR or are not annoying users with pop-ups.

Barry Fisher - Director

Get in touch about your project

Give us a call or send us an email to talk through your project

telephone+44 (0) 203 743 0887

email[email protected]

Related articles

A hand with all four fingers and thumb up signifying '5 of something'" on a yellow gold textured backdrop.

Websites as an Investment Part 2: 5 rules for selecting a web team

Calendar 10 Feb 2016 #Advice When you start thinking about your new website, you'll need to select a team who will drive success. Here are some great tips on how to do that.

Read the article
A crowd of people covering their eyes.

Five things to avoid on your homepage

Calendar 1 Dec 2021 #Insights #Advice #User experience Your homepage can be the most important page on your website. Make sure you avoid these mistakes.

Read the article
A magnifying glass laid on top of some money.

Websites as an Investment Part 3: What will it cost?

Calendar 17 Feb 2016 #Advice Some web agencies will charge you £1000 and others £10000 but why? What's the difference? We try and break down the true costs and value of building a website.

Read the article

More recent articles

Protective mother deer with her fawn looking into the distance.

Green lights and red flags for inter-agency collaborative working

Calendar 2 Jan 2024 #Insights #Advice #User experience #Drupal #WordPress Most responsible agencies have working relationships with fellow branding, marketing or creative agencies who have a particular skill set that can knock the socks off their clients when they partner up.

Read the article
Businessman with a unicorn head.

Why you need to STOP hunting for the unicorn

Calendar 10 Oct 2023 #Insights #Advice Let’s face it - recruitment is hard. And it’s not getting any easier. Inundated with CVs, but nothing that quite fits the bill. Know the feeling? You’re not alone.

Read the article
A mess of plugs and cables looking very dangerous.

Where businesses are going wrong with managing multiple websites

Calendar 11 Sep 2023 #Insights #Advice #Security & compliance #User experience #SEO #Drupal #WordPress Why you might have ended up in a multisite muddle.

Read the article

Subscribe for email updates

1 Your details

2 Your interests

Please select which Pivale services are of interest to you:

3 Legal info

By subscribing, you acknowledge that your information will be transferred to our marketing platform for processing.

You can unsubscribe at any time by clicking the link in the footer of our emails. You can find out more in our privacy policy.