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

emailbarry.fisher@pivale.co

Related articles

A clock and some coin piles sprouting vegetation - a metaphor for return on investment over time.

ROI Focused Websites Part 1: 8 questions you should ask before engaging a web design agency

Calendar 2 Oct 2018 #Advice The first article in our Return on Investment (ROI) series asks 8 important questions that will determine your success.

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 square peg smashed in to a round hole with a hammer.

Could mismatched web solutions scupper your business growth?

Calendar 5 Aug 2020 #Insights #Advice If you're responsible for the IT or strategic marketing in a medium or large business, ask yourself 'How is your web portfolio looking?'

Read the article

More recent articles

An ambiguous figure in a suit throwing dice towards he camera.

Are you gambling with the security of your business?

Calendar 7 Jun 2022 #Security & compliance Ignoring security updates will seriously impact your business. It's time to take action.

Read the article
A series of tesselating hexagons containing padlocks - one of which is open and highlighted in red.

Why poor web security will damage your business

Calendar 27 Apr 2022 #Security & compliance The consequences of poor web security can be catastrophic so it's essential you have a strategy.

Read the article
A large padlock integrated in to a circuit board.

Five reasons why you need ongoing website maintenance

Calendar 10 Mar 2022 #Security & compliance Ongoing security maintenance is essential to the longevity of your website or application.

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.