Website Accessibility: A Practical Guide for Business Owners
Website accessibility isn't just a legal requirement — it's good business. Here's what you need to know and the practical steps to make your site accessible.
None of that is true. Accessibility matters for every business website, and the practical steps to get it right are simpler than you might think.
Why Accessibility Matters
Let's start with the numbers. In the UK, approximately one in five people has a disability. That includes visual impairments, hearing loss, motor difficulties, and cognitive conditions. If your website isn't accessible to these users, you're excluding a significant portion of your potential audience.
Beyond the ethical case, there are two powerful practical reasons to care about accessibility.
The Legal Position
Under the Equality Act 2010, businesses in the UK have a duty to make reasonable adjustments to ensure their services are accessible to disabled people. Websites are considered part of the services you offer. While enforcement has historically been limited, the legal landscape is tightening, and organisations are increasingly being held accountable for inaccessible digital experiences.
This isn't a future concern — it applies now. If someone with a disability can't use your website to access your services, your business could face a discrimination claim.
The Business Case
Accessible websites aren't just compliant — they're better. The practices that make a site accessible also make it:
- Easier to use for everyone, not just people with disabilities
- Better optimised for search engines — many accessibility improvements (alt text, heading structure, semantic HTML) directly benefit SEO
- Faster and more mobile-friendly, which improves conversion rates
- More professional, signalling to visitors that you care about quality and attention to detail
- Automated tools: Run your site through WAVE or use the Lighthouse accessibility audit built into Chrome DevTools. These catch common issues quickly.
- Keyboard testing: Put your mouse aside and try to navigate your entire website using only the Tab key, Enter, and arrow keys. Can you reach everything? Can you see where you are on the page?
- Screen reader testing: On a Mac, turn on VoiceOver (Cmd + F5) and listen to how your site sounds. On Windows, try NVDA (free). This is the most revealing test you can run.
WCAG: The Standard You Need to Know
The Web Content Accessibility Guidelines (WCAG) are the internationally recognised standard for web accessibility. They're published by the W3C and provide a clear framework for making websites usable by everyone.
WCAG is organised around four principles. Your website should be:
1. Perceivable — information must be presentable in ways users can perceive 2. Operable — users must be able to navigate and interact with the interface 3. Understandable — content and operation must be understandable 4. Robust — content must work with current and future technologies, including assistive tools
For most business websites, aiming for WCAG 2.1 Level AA is the appropriate target. This is the level referenced by most UK guidelines and is achievable without significant additional cost when built into the design process from the start.
Practical Steps to Make Your Website Accessible
Here are the most impactful changes you can make, starting with the easiest wins.
Colour Contrast
Text must have sufficient contrast against its background. Light grey text on a white background might look elegant in a design mockup, but it's unreadable for many users. WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Use a tool like the WebAIM Contrast Checker to test your colours.
Alt Text for Images
Every meaningful image on your website should have descriptive alt text. This is read aloud by screen readers and displayed when images fail to load. Be specific — "Team meeting in our Wirral office" is far more useful than "image1" or an empty alt attribute.
Keyboard Navigation
Not everyone uses a mouse. Some users navigate entirely with a keyboard, using the Tab key to move between interactive elements. Your website should have a clear, logical tab order, and all interactive elements (links, buttons, forms) should be reachable and usable without a mouse. Visible focus indicators — the outline that appears when you tab to an element — should never be removed.
Form Labels and Error Messages
Every form field needs a properly associated label. Placeholder text alone is not sufficient — it disappears when users start typing and isn't reliably read by screen readers. Error messages should be clear, specific, and programmatically associated with the relevant field.
Heading Structure
Use headings (H1, H2, H3) in a logical hierarchy, not just for visual styling. Screen reader users often navigate pages by jumping between headings, so your heading structure should outline the content of the page. Never skip heading levels — don't jump from H1 to H3.
Link Text
Avoid "click here" or "read more" as link text. Screen reader users often navigate by tabbing through links, hearing them out of context. "View our web design services" is far more useful than "click here."
Testing Your Website
You don't need to be an expert to test basic accessibility. Here are three straightforward approaches:
Getting It Right From the Start
Retrofitting accessibility onto an existing website is always more expensive than building it in from the beginning. If you're planning a new website or a rebuild, make sure accessibility is part of the brief from day one, not an afterthought.
If you're unsure about your current site's accessibility, get in touch and we'll give you an honest assessment along with practical recommendations for improvement.
Ready to transform your website?
Get a free, no-obligation audit and see how we can help.