Web Design

Website accessibility for UK small businesses

Website accessibility guidance for UK small businesses, covering inclusive design, usability, legal duties, and practical ways to make websites easier for everyone to use.

  • Published
  • 10 min read

UK small businesses must meet web accessibility standards to comply with digital compliance laws and ensure all users can browse their services online. Ensuring your website accommodates disabled users is not just a legal obligation under the Equality Act 2010; it is a core component of modern search engine optimisation and user experience design. This guide establishes exactly how digital accessibility applies to your Surrey business, the standards you must hit, and how to implement the required updates.

Key accessibility takeaways

  • The Equality Act 2010 applies online: UK small businesses have a legal duty to make reasonable adjustments for disabled individuals, which directly includes website access.
  • WCAG 2.2 Level AA is the benchmark: This version represents the current globally recognised standard for digital compliance across the United Kingdom and Europe.
  • One in five UK adults has a disability: Catering to this demographic opens your business to a massive market segment while protecting your brand reputation.
  • Simple adjustments fix the majority of issues: Addressing technical elements like colour contrast, alt text, and keyboard navigation resolves most accessibility barriers.
  • Automation is only a starting point: Automated checkers find less than half of existing accessibility bugs; manual human verification is vital.

UK legal duties for accessible websites

The regulatory landscape in the United Kingdom makes digital inclusion mandatory across both commercial and public sectors. Operating an inaccessible business website creates legal exposure and restricts market access.

Equality Act 2010 requirements

The Equality Act 2010 demands that service providers make reasonable adjustments to ensure disabled people face no substantial disadvantage compared to non-disabled people. Because a website serves as a primary digital storefront and service portal, failing to provide an accessible interface constitutes discrimination. The law scales with the size of an organisation, meaning a local tradesperson in Guildford is held to a different financial standard than a multinational corporation, but no business is entirely exempt. Proactive, anticipatory changes must be made rather than waiting for a user to complain.

Public sector accessibility rules

If your Surrey business supplies services to local councils, educational institutions, or NHS bodies, you must comply with the Public Sector Bodies Accessibility Regulations 2018. As outlined by the Gov.uk Digital Accessibility Guidance, these rules mandate strict adherence to WCAG 2.2 Level AA guidelines. Public organisations must also publish an official accessibility statement detailing compliance gaps and alternatives, a requirement that directly trickles down to their digital supply chain.

European Accessibility Act scope

The European Accessibility Act (EAA) came into full enforcement on 28 June 2025. While the United Kingdom is no longer an EU member state, this legislation directly impacts UK businesses that sell goods or services to consumers located within the European Union. According to the AbilityNet EAA Compliance Briefing, B2C e-commerce businesses trading internationally must comply with these rules to protect their European market share and avoid cross-border penalties, unless they qualify under the strict microenterprise exemption (fewer than 10 employees and under €2M turnover).

WCAG standards for small business websites

The Web Content Accessibility Guidelines provide the technical framework for making digital content inclusive. Developed by the World Wide Web Consortium (W3C), these recommendations define how to build pages that function correctly across assistive technologies.

WCAG conformance levels

WCAG structured guidelines fall into three distinct levels of compliance:

  • Level A: The bare minimum requirement, tackling critical barriers that completely block a user from accessing content. Meeting only Level A is legally insufficient.
  • Level AA: The standard industry benchmark for commercial sites. It covers essential parameters including contrast ratios, structural navigation, and form validation. This is your target.
  • Level AAA: The highest compliance tier. It involves highly specialised criteria that are often impractical or restrictive for general commercial websites.

The POUR accessibility principles

Every guideline within the W3C WCAG 2.2 Official Specification is rooted in four foundational concepts known as POUR:

  • Perceivable: Users must be able to comprehend your content using the senses available to them. Information cannot be invisible to screen readers or hidden behind poor visual cues.
  • Operable: Visitors must be able to navigate the layout and interact with elements using their preferred input devices, such as a keyboard, trackball, or voice commands.
  • Understandable: The text, interfaces, and operational steps must be logical and predictable. Users need to know exactly where a link leads or how a form submits.
  • Robust: Your code must remain clean and compliant so that diverse browsers, mobile devices, and screen readers can interpret it reliably over time.
A web developer in his office manually testing a small business website for WCAG 2.2 accessibility compliance using a keyboard, mouse, and braille display next to a printed UK legal guide

Common website accessibility problems

Many small business websites suffer from repetitive technical oversights. Reviewing these specific elements on your site will help eliminate the most common barriers.

Poor colour contrast

Text must stand out sharply against its background. WCAG requires a minimum contrast ratio of 4.5:1 for standard body text. Light grey text placed on white backgrounds, or white captions laid over busy header images, fail this test, rendering pages unreadable for visually impaired individuals. You can verify your palette ratios using the free WebAIM Contrast Checker.

Missing image alt text

Screen readers read the alternative text attribute of an image to explain its visual meaning. When a product image uses a generic file name like photo123.jpg without alt text, blind users miss out on crucial context. Every meaningful image needs a concise description of what it shows.

Vague links and button labels

Generic call to action phrases like “click here” or “read more” create significant navigation issues. Screen reader users often generate a list of links to skim a page quickly. Hearing a list of repetitive “click here” phrases provides no context. Links must state their destination clearly, such as “Download our Surrey business tax guide”.

Incomplete keyboard access

Many users rely entirely on the Tab key rather than a mouse or trackpad. If a user cannot navigate your dropdown menus, click buttons, or input information into forms using only a keyboard, your site is broken for them. Furthermore, a highly visible focus indicator must outline the element currently selected.

Missing form labels

Using temporary placeholder text inside a form field as the only descriptor is a major accessibility error. Once a user begins typing, that placeholder text disappears. Forms require permanent, explicitly coded labels so assistive technology can continuously identify the purpose of each text input field.

Videos without accurate captions

Video content without text alternatives alienates deaf or hard-of-hearing visitors. While automated captions generated by video hosting platforms are a helpful starting point, they frequently contain errors. Captions must be manually reviewed and corrected to guarantee accuracy.

Skipped heading levels

Heading elements (H1, H2, H3) provide an essential outline for your content. Screen reader users use headings to jump between major sections of a page. Skipping directly from an H1 to an H4 breaks this technical structure, confusing assistive tools and damaging your content hierarchy.

Make a website more accessible

Transitioning your website toward compliance involves a logical, repeatable audit and repair process.

Run an automated accessibility scan

Begin by deploying free testing applications such as WAVE Web Accessibility Evaluation Tools or Google Lighthouse. These tools analyze your underlying code and immediately flag explicit errors like missing alt attributes or invalid contrast levels. Automated tools are highly efficient but typically detect only 30% to 40% of overall accessibility issues.

Test every task with a keyboard

Put your mouse aside and use the Tab, Enter, and arrow keys to navigate your entire website. Attempt to open every menu link, fill out contact forms, and move through the checkout process. Ensure you can see a clear outline highlighting exactly where you are on the screen at all times.

Test key pages with a screen reader

Test your primary landing pages using a native screen reader. You can use VoiceOver on Apple hardware or download NVDA for Windows machines. Listen to how the software reads your homepage, services, and contact forms to pinpoint structural layout blocks that automated scans overlook.

Fix content and code issues

Address your technical findings systematically. Update your stylesheets to fix contrast issues, clean up your heading hierarchies, assign text labels to forms, and replace vague link text with descriptive alternatives. Ensure all images have accurate alt tags.

Publish an accessibility statement

Draft a dedicated accessibility statement page for your website. This page must declare the specific compliance standard you are targeting, highlight any known temporary limitations, and supply direct contact methods so users can reach you if they encounter an operational roadblock. This demonstrates immediate compliance goodwill.

Business benefits of accessibility

Embracing digital accessibility delivers strong commercial returns alongside legal safety, making your business more competitive.

Better usability for every visitor

Accessible web design inherently simplifies user journeys. High contrast makes text readable on mobile screens in bright sunlight, while clear labels help distracted or multi-tasking users fill out forms quickly. Reducing interface friction increases overall user retention and enquiries.

Accessibility and search visibility

Search engine crawlers rely on the exact same structural indicators as screen readers to understand web copy. Clean semantic code, logical heading sequences, structured data, and descriptive alt text directly assist search engines in indexing your pages, enhancing your organic visibility.

Disabled customers and lost revenue

The spending power of disabled households in the United Kingdom is substantial, representing billions of pounds annually. If your online checkout or booking system is unusable for a portion of this market, those prospective clients will immediately abandon your site and buy from a compliant competitor.

Build accessibility in from the start

Building accessibility directly into your core development process is far more efficient than attempting to patch broken code later.

Accessibility during a redesign

Retrofitting an outdated, poorly coded website template can become complex and expensive. When you plan a comprehensive website redesign, you can address accessibility choices during the initial design, wireframing, and development stages. This allows you to deploy a fully compliant, high-performance site without incurring additional remediation expenses down the line.

Website accessibility questions

Can a small business be sued over an inaccessible website in the UK?

Yes. The Equality Act 2010 empowers individuals to launch legal claims against businesses that discriminate via inaccessible digital services. While high-profile legal actions usually target major corporations, small firms face real financial and reputational risks if they refuse to address direct customer accessibility complaints.

How much does it cost to make a small business website accessible?

The cost depends entirely on the condition of your current platform. If your site uses clean code, fixing basic items like contrast, font sizing, and alt text requires minimal technical hours. However, if the underlying theme is structurally flawed, remediation costs will increase, making a planned website redesign a more sensible financial choice.

What is the difference between WCAG 2.1 and 2.2?

WCAG 2.2 is the latest iteration, expanding on version 2.1 by introducing nine new criteria. These updates focus on improving mobile device layouts, ensuring better focus visibility for keyboard users, and simplifying multi-step authentication processes to assist individuals with cognitive impairments.

Do accessibility overlay widgets make my site compliant?

No. Automated overlay widgets and plugins promise instant compliance but fail to repair the underlying source code. These tools often conflict directly with the dedicated screen readers and assistive applications that disabled users already employ, creating additional operational problems.

How do I test if my website is accessible for free?

You can test your site using a combination of free automated validation tools like WAVE, performing manual keyboard navigation audits using the Tab key, and listening to your content play back through built-in screen readers like VoiceOver or NVDA.

Alicia McColl, co-founder of Landmark Web Design

About the Author

by Alicia McColl

Alicia McColl directs SEO strategy, website design, reporting, and client communications at Landmark Web Design. A professional SEO specialist since 2019, she specialises in technical site auditing, commercial keyword mapping, competitor analysis, structured data, and Google Search Console analysis. Before co-founding the studio, she managed complex digital projects for global organisations including the European Medicines Agency, Alliance Healthcare, and BP. Alicia holds advanced certifications from Semrush and SE Ranking.

How Long to Build a Small Business Website: 2-12 Weeks Explained

Template vs Custom WordPress: Which Costs More Long-Term

Website Maintenance Costs: What to Budget Monthly