Accessibility has something of an image problem. Plenty of small business owners hear the word and picture expensive audits, legal letters and a full rebuild of a website that, frankly, already works. The reality is much friendlier. Most accessibility improvements are small, cheap and quietly useful to every single person who visits your site — including the ones who arrive on a cracked phone screen in bright sunlight with one hand full.
Accessibility Is About Real Customers, Not Paperwork
Roughly one in five people in the UK reports a disability or long-term health condition. That includes customers with sight loss, dyslexia, motor difficulties or hearing loss, but also people with a temporary broken wrist, a migraine, or simply older eyes that tire quickly. Under the Equality Act 2010, service providers are expected to make reasonable adjustments so disabled customers can use their services — and your website is part of that service.
Here is the encouraging part: the same changes that help those customers tend to help everyone. Clear contrast helps the person reading on a sunny doorstep. Proper labels help the customer rushing through a quote form on their lunch break. Sensible headings help search engines understand your pages. Accessibility is not a tax on good design; it usually is good design.
Alt Text: Describe the Purpose, Not the Pixels
Every meaningful image on your site needs a short text alternative, written in the alt attribute. Screen readers announce this in place of the image, and it appears if the image fails to load.
- Describe the point of the image, not its contents. "Team photo outside the workshop" is better than "image of five people standing".
- Keep it brief. A sentence is usually plenty.
- If an image contains text — a price board, a certificate, a poster — repeat that text in the surrounding page content. Nobody should have to read it from a picture.
- For purely decorative images such as background flourishes, use an empty alt attribute so screen readers skip them entirely.
- Skip the keyword stuffing. "Plumber Sheffield cheap boiler repair" helps nobody and reads badly if it is announced aloud.
Colour Contrast Is the Quickest Win
Contrast is the difference in lightness between your text and its background, and it is measured as a ratio. The widely used benchmark is 4.5 to 1 for normal body text and 3 to 1 for large text (roughly 24px, or 19px when bold).
Two common failures show up again and again on small business sites. The first is pale grey text on white — the sort used for captions, opening hours or footer details. It looks elegant on a designer's monitor and vanishes on a phone outdoors. The second is coloured text on a coloured button: white on a bright yellow "Book Now" button rarely passes.
Free contrast checkers let you paste in two colour codes and get an instant answer, so there is no excuse for guessing. While you are at it, never use colour alone to carry meaning. If a form field is wrong, say so in words and add an icon — do not simply turn the border red.
Make Everything Work Without a Mouse
Some visitors use a keyboard, a switch device, voice control or a screen reader. If any part of your site only works with a mouse, those customers are stuck.
Start by putting your mouse aside and pressing Tab repeatedly through your homepage. Every link, button and form field should receive a clearly visible outline, and the order should follow the page logically. You should be able to open menus, close them, fill in a form and submit an enquiry using only the keyboard.
- Never remove the focus outline without replacing it with something equally obvious.
- Check that dropdown menus open on keyboard focus, not hover alone. Many do not.
- Add a "skip to main content" link at the very top of the page so keyboard users can bypass your menu.
- Make sure any pop-up or cookie banner can be dismissed with the keyboard, and that it does not trap focus.
Headings, Labels and Forms That Make Sense
Screen reader users often navigate by jumping between headings, so structure matters. Use one main page heading, then H2 for sections and H3 for subsections, in order. Do not pick a heading level because you like the size — style it separately. Avoid using tables to lay out content, and avoid using bold text where a real heading belongs.
Forms deserve particular care, because they are where enquiries are won or lost. Every field needs a visible label, not just placeholder text, since placeholders disappear the moment someone starts typing. Error messages should explain the problem and the fix: "Please enter a phone number so we can call you back" beats "Invalid input". And write link text that stands alone — "See our boiler servicing prices" rather than "click here".
Three Fixes You Can Make This Week
You do not have to do everything at once. Pick three tasks and work through them properly.
- Audit your images. Add or rewrite alt text across your main pages, starting with your homepage, service pages and gallery.
- Fix your greys. Run your body text, captions and buttons through a contrast checker and darken anything that fails.
- Do the Tab test. Navigate your own site with the keyboard only, from homepage to submitted enquiry form, and note where you get stuck.
Then diarise a short review every few months, because new pages and new images creep in quietly. Every improvement you make widens the group of people who can find you, understand you and hire you — and that is simply good business.

Comments