Skip to content
← Back to blog
Website Creation

How to make a website accessible: the practical guide that doesn't require an expert

Web accessibility sounds like something only large organizations with a legal department need to worry about. The reality is simpler and more urgent: since June 2025, the European Accessibility Act widened the circle of businesses required to meet minimum standards, and a good share of small businesses selling online or offering digital services are already covered, whether they know it or not.

The good news is that meeting the essentials doesn’t require rebuilding your site or hiring an expensive audit. Most accessibility failures cluster around a handful of repeated mistakes, and fixing them usually takes hours, not weeks. This guide covers what accessibility actually requires in practice and the 8 fixes that solve most of the problem.

Why this affects you more than you think

The European Accessibility Act (Directive 2019/882), transposed into national legislation across EU member states, took effect in June 2025 for services including e-commerce, banking, passenger transport, e-books, and electronic communications. If your business sells products or services online, manages bookings, or provides a service that fits into one of those categories, it’s very likely already covered, regardless of your size.

But even if your specific activity falls outside the law’s strict scope, three practical reasons make it worth doing anyway: you avoid an urgent, expensive retrofit if the regulation expands (a steady trend over the past few years), you widen your real audience (over 15% of the population has some disability affecting how they browse the internet), and you improve signals Google also values, like semantic structure and alt text.

What accessibility actually requires in practice

Accessibility checklist by page area Text and images • Contrast ratio 4.5:1 min • Alt text on every meaningful image • Body text ≥ 16px • Correct heading hierarchy (H1, H2, H3...) • No text baked only into decorative images Navigation • Everything reachable via Tab key • Visible focus state while tabbing • Menus that don't rely on mouse hover alone • Descriptive link text (not "click here") Forms • Every field has a <label> element • Errors explained in text, not color alone • Required fields marked with text • Clear confirmation on submit
Most accessibility failures cluster in these three areas of any page.

The international reference guidelines (WCAG 2.1, level AA) boil down to four principles: a website must be perceivable (you can see and hear it, with alternatives if one sense doesn’t work), operable (you can navigate it without depending on a single input device), understandable (the content and interface make sense), and robust (it works across different browsers and assistive technologies). Behind these four principles sit dozens of technical criteria, but most businesses only need to fix a small, repeated core of failures.

The 8 fixes that cover most failures

1. Sufficient color contrast. Body text needs a contrast ratio of at least 4.5:1 against its background (3:1 for large text). Free tools like the WebAIM contrast checker give you the result in seconds after pasting in the two colors.

2. Alt text on every meaningful image. Every image that carries information needs an alt attribute describing what it shows. Purely decorative images can carry an empty alt (alt="") so screen readers skip them without issue.

3. Full keyboard navigation. Pressing only the Tab key, any visitor should be able to reach every link, button, and form field, in a logical order, with the active element always visible through a clear outline or highlight.

4. Correctly labeled forms. Every field needs a linked <label>, not just placeholder text inside the field that disappears once typing starts. Validation errors need to be explained in text, not just a red border that someone with low vision or color blindness can’t distinguish.

5. Consistent heading hierarchy. One H1 per page, followed by H2 and H3 in logical order, without skipping levels just for visual convenience. Screen readers use this hierarchy to let users navigate content by section.

6. Descriptive link text. “Learn more about our accounting service” instead of “click here” or “read more.” Someone navigating with a screen reader, jumping from link to link, needs the text to make sense out of context.

7. Videos with captions and a transcript. Any video carrying relevant information needs captions, and ideally a text transcript below it. It benefits both deaf viewers and anyone watching the video with sound off on their phone.

8. Text size and zoom that actually work. Body text shouldn’t drop below 16px, and the site should remain usable if someone zooms the browser to 200%, without content getting cut off or overlapping.

How to start without stalling the rest of your work

You don’t need to fix all eight points in a day. The recommended order is: contrast and alt text first (fast and high-impact), then forms (a frequent real friction point for users with disabilities), and finally keyboard navigation and heading structure, which sometimes require touching the site’s base template.

A free audit with Lighthouse (built into Chrome) or WAVE gives you a prioritized list in five minutes of what’s failing on your specific site. It doesn’t replace a full manual review, but it’s an honest starting point that keeps you from working blind.

Accessibility isn’t a project you finish once and forget — it’s a standard worth applying every time you add a new page, image, or form. Starting with the fixes on this list puts you in a far stronger position, both against the regulation and against any real visitor who currently can’t use your website comfortably.

Frequently asked questions

Is my business legally required to have an accessible website?

It depends on your activity and size, but the circle has widened: since June 2025, the European Accessibility Act (transposed into national law across the EU) requires accessibility for e-commerce, banking, passenger transport, and other digital services, including many small businesses selling online. Even if your specific business isn't covered today, treating it as inevitable saves you an urgent, costly retrofit later.

Do I need to rebuild my whole website to make it accessible?

Almost never. Most accessibility failures get fixed on the existing site: raising a color's contrast, adding alt text to images, labeling form fields, making sure keyboard navigation works. These are targeted fixes, not a full rebuild.

Does web accessibility only benefit people with disabilities?

No. High contrast helps anyone checking their phone in bright sunlight; clear keyboard navigation helps someone whose mouse just broke; well-written alt text improves SEO because Google reads it too. Accessibility almost always improves the experience for everyone, not just the people who strictly need it.

How do I check if my website already meets the basics?

Free tools like Lighthouse (built into Chrome's developer tab) or WAVE scan a page in seconds and flag insufficient contrast, missing alt text, and structural errors. They don't replace a full audit, but they catch most of the common failures at no cost.

Let's talk

Found this useful? Tell me about your project — I reply within 24 hours.