arrow_backBack to blog

Web Design & Dev

Website Accessibility Basics Every UK Business Should Know

The accessibility essentials that open your site to more customers and keep you on the right side of the law.

Published 2024-08-19 · 5 min read · Pro Digital Labs

Website Accessibility Basics Every UK Business Should Know

Why Accessibility Matters for Every Business

Accessibility means building your website so that people with disabilities, around one in five people in the UK, can use it as easily as anyone else. That covers visitors who are blind or have low vision, who are deaf or hard of hearing, who have limited motor control, or who navigate without a mouse. Getting the website accessibility basics right is not a niche concern; it is good practice that benefits everyone.

There is a commercial case too. An inaccessible site quietly turns away a large slice of potential customers, often without you ever knowing they left. The same changes that help disabled users, clearer text, simpler navigation, faster loading, tend to improve the experience for all your visitors and help your search ranking into the bargain.

The encouraging news is that most of the essentials are straightforward. You do not need to rebuild everything; a handful of sensible habits covers the bulk of the benefit.

The Legal Picture in the UK

Under the Equality Act 2010, businesses must make reasonable adjustments so that disabled people are not put at a substantial disadvantage, and that duty extends to your website. While the Act does not spell out technical rules, it makes inaccessibility a discrimination risk, and the recognised yardstick for compliance is the Web Content Accessibility Guidelines, or WCAG.

WCAG sets out criteria at three levels: A, AA and AAA. For most organisations, meeting level AA is the practical target and the standard public sector bodies in the UK are legally required to meet. Aiming for AA gives you a clear, achievable benchmark rather than a vague aspiration.

This is not about fear of being sued so much as doing right by your customers. But it is worth knowing that the legal expectation exists, and that 'we did not realise' is rarely an adequate defence.

Colour Contrast: The Easiest Big Win

Low-contrast text, pale grey on white, light text over a busy photo, is one of the most common accessibility failures and one of the simplest to fix. If text does not stand out clearly from its background, people with low vision, and plenty of people in bright sunlight on their phone, simply cannot read it.

WCAG asks for a contrast ratio of at least 4.5 to 1 for normal text and 3 to 1 for large text. You do not need to do the maths by hand; free tools like the WebAIM Contrast Checker let you paste in two colours and tell you instantly whether they pass.

Avoid relying on colour alone to convey meaning. If your only signal that a form field has an error is turning it red, colour-blind users miss it entirely. Always pair colour with text, an icon or a clear label.

Alt Text So Images Speak

Alt text is a short written description attached to an image. Screen readers read it aloud to blind users, and it also appears if an image fails to load. Without it, a visually impaired visitor hears nothing useful where your photo or diagram sits, and your meaning is lost.

Good alt text describes the content and purpose of the image concisely. 'Plumber fixing a leaking kitchen tap' tells the user something; 'IMG_4521' or 'photo' tells them nothing. Decorative images that add no information can carry empty alt text so screen readers skip them rather than reading out clutter.

As a bonus, descriptive alt text helps search engines understand your images, which can earn you traffic from image search. It is one of those rare jobs that serves accessibility and SEO at once.

  • check_circleDescribe what the image shows and why it is there, in a few words
  • check_circleSkip phrases like 'image of' or 'picture of', screen readers already announce it is an image
  • check_circleUse empty alt text for purely decorative images so they are ignored
  • check_circleInclude relevant detail for charts or diagrams, or link to a fuller text description

Keyboard Navigation and Focus

Many people cannot or do not use a mouse. Some navigate entirely by keyboard, using the Tab key to move between links, buttons and form fields, and Enter or Space to activate them. If parts of your site can only be reached or used with a mouse, those visitors are locked out.

Test it yourself in two minutes: put your mouse aside and try to move through your homepage and a contact form using only Tab and Enter. Can you reach every link, open every menu and submit the form? If you get stuck anywhere, so will keyboard-only users.

Just as important is the focus indicator, the visible outline showing which element is currently selected. Some designers remove it because they dislike how it looks, which is a serious mistake; without it, keyboard users have no idea where they are on the page.

Clear Structure, Forms and Captions

Use proper headings in order, one H1, then H2s and H3s beneath, rather than just making text big and bold. Screen reader users navigate by jumping between headings, so a logical structure is like a table of contents that lets them find what they need quickly instead of wading through everything.

Forms deserve particular care because they are where conversions happen. Every field should have a visible, properly linked label, not just placeholder text that vanishes when typing begins. Error messages should be clear and specific, telling people exactly what to fix and where.

If you publish video, add captions for deaf and hard-of-hearing viewers, and consider a transcript. Captions also help the many people who watch with the sound off, so the audience served is far wider than you might assume.

How to Check Your Own Site

You can get a useful first read without any specialist knowledge. Free automated tools such as WAVE or the Lighthouse accessibility audit built into the Chrome browser will scan a page and flag many issues, missing alt text, poor contrast, unlabelled fields, in plain language with suggestions.

Automated tools catch perhaps half of all problems, so back them up with quick manual checks: the keyboard test above, zooming your browser to 200 percent to see if the layout still works, and reading your page with a free screen reader if you can. These human checks surface issues machines miss.

Treat accessibility as ongoing rather than a one-off. Every time you add a page, image or form, apply the same basics, and you will keep the site usable for everyone as it grows.

Start Small, Improve Steadily

You do not have to fix everything at once, and waiting for a perfect overhaul usually means nothing gets done. Pick the highest-impact basics first, contrast, alt text, keyboard access and labelled forms, and you will remove the most common barriers for the most people in the least time.

Build the habits into how you work rather than treating accessibility as a separate project. Add alt text when you upload an image, check contrast when you choose colours, and run a quick audit when you launch a new page. Done this way it costs very little extra effort.

The payoff is real: more people can become customers, your site is easier for everyone to use, you reduce legal risk, and you often improve your search performance too. Few investments in a website pay back across so many fronts at once.

Frequently asked questions

Is website accessibility a legal requirement in the UK?expand_more

For businesses, the Equality Act 2010 requires reasonable adjustments so disabled people are not disadvantaged, which applies to websites. Public sector bodies have stricter, explicit rules requiring WCAG level AA. For most businesses, meeting WCAG AA is the sensible, defensible standard to aim for.

What is WCAG and which level should I aim for?expand_more

WCAG is the Web Content Accessibility Guidelines, the internationally recognised standard. It has three levels: A, AA and AAA. Level AA is the practical target for most organisations and the level public sector sites must meet, so it is the right benchmark for a typical business website.

How can I check if my website is accessible?expand_more

Start with free automated tools like WAVE or Chrome's built-in Lighthouse audit, which flag many issues automatically. Then add quick manual checks: navigate using only the keyboard, zoom to 200 percent, and ensure colour contrast passes a checker. Together these catch the large majority of common problems.

Does accessibility help with SEO?expand_more

Yes, the two overlap considerably. Descriptive alt text, clear heading structure, fast loading and clean navigation help disabled users and search engines alike. Making your site more accessible often improves how well it ranks, so the effort serves both goals at once.

Want a site that actually performs?

Hand-coded, fast, and built to convert. Get a fixed quote in writing within 24 hours.

Get a Free Quotearrow_forward
WhatsApprequest_quoteGet a Quote