Most small business websites are not inaccessible because the owner did not care. They are inaccessible because nobody ever told them what to look for. The good news: the issues that block real people the most often are also the easiest ones to fix, and almost none of them require touching a line of code.
This guide shows you how to make your website accessible using 12 concrete fixes. For each one you get three things: what to check, how to test it manually (no paid tool required), and why it also helps your SEO and your conversion rate. Set aside a few hours spread across five days and you can realistically get through the whole list.
Why Accessibility Is No Longer Optional in 2026
Two things changed recently for businesses with a website:
- The European Accessibility Act has been enforceable since 28 June 2025 and covers e-commerce, banking, transport, ticketing and e-books for businesses trading in the EU, with an exemption for microenterprises under 10 employees and under 2 million euros in turnover.
- In the United States, the DOJ rule under ADA Title II set WCAG 2.1 Level AA as the technical standard for public entities. Large entities had to comply by 24 April 2026, and smaller public entities (under 50,000 people) have until 26 April 2027. Private businesses are covered by Title III, where courts have consistently treated websites as places of public accommodation, and demand letters keep rising.
The practical standard everyone points to is WCAG 2.2 Level AA. You do not need to read the whole specification. The 12 fixes below cover the failures found on the overwhelming majority of small business sites.
The Only Toolkit You Need
| Tool | Cost | What you use it for |
|---|---|---|
| Your keyboard (Tab, Shift+Tab, Enter, Space, Esc) | Free | Navigation, focus, forms, menus, modals |
| WAVE browser extension | Free | Contrast, alt text, heading order, form labels |
| axe DevTools (browser extension) | Free tier | Second opinion, fewer false positives |
| Lighthouse (built into Chrome DevTools) | Free | Quick score plus SEO overlap |
| A screen reader: VoiceOver (Mac/iOS), Narrator (Windows), NVDA (Windows, free) | Free | Hearing your page the way some visitors do |
Important caveat: automated checkers catch roughly a third of real accessibility problems. Every fix below includes a manual test for that exact reason.
How to Make Your Website Accessible: The 12 Fixes
1. Fix Your Color Contrast
What to check: Body text needs a contrast ratio of at least 4.5:1 against its background. Large text (24px, or 19px bold and above) needs 3:1. Buttons, form borders, icons and focus rings need 3:1. The usual offenders are light grey placeholder text, white text on pastel hero images, and “elegant” light grey captions.
How to test it manually: Run WAVE on your homepage and open the Contrast tab. Then do the squint test: step back from the screen, half close your eyes, and see whether your call to action button still reads. Also open the page on a phone outdoors in daylight if you can. reciteme.com makes the same point with more data.
Why it helps SEO and conversions: Low contrast CTAs are a measurable conversion killer, and not just for people with low vision. Anyone on a cheap laptop screen or in a bright room benefits. Lighthouse also flags contrast failures in its accessibility score.
2. Write Real Alt Text (and Know When to Leave It Empty)
What to check: Every meaningful image needs alternative text that describes its purpose, not its file name. Purely decorative images (background textures, dividers, flourishes) should have an empty alt attribute so screen readers skip them instead of announcing noise.
| Bad | Good |
|---|---|
| IMG_4471.jpg | Baker placing sourdough loaves into a stone oven |
| image of plumber best plumber london plumbing services | Technician replacing a leaking kitchen tap |
| alt=”logo” | alt=”Berardo Modern home page” (when the logo is a link) |
How to test it manually: In your WordPress Media Library, sort by date and scan the Alt Text column. On the live page, right click and choose “Inspect” on an image to see its alt value, or let WAVE list every missing one. A faster trick: disable images in your browser settings and reload. What is left should still make sense.
Why it helps SEO and conversions: Alt text is one of the few signals Google has for understanding an image, so it drives Google Images traffic. It also shows up when an image fails to load on a slow mobile connection, which keeps your product pages comprehensible.
3. Put Your Headings in Logical Order
What to check: One H1 per page describing the page topic. Then H2 for main sections, H3 for subsections inside them. Never skip a level (H2 straight to H4), and never pick a heading tag because you liked the font size. Size is a styling decision, hierarchy is a structural one.
How to test it manually: Install the free HeadingsMap extension, or open WAVE and click the Structure tab. Read the outline on its own. If it reads like a sensible table of contents, you are fine. If it reads like a random list, screen reader users who navigate by heading (a very common habit) are lost.
Why it helps SEO and conversions: Headings are how Google builds a passage-level understanding of your page and how it generates those jump-to-section links in search results. A clean outline also raises scroll depth because scanners can find their section fast.
4. Make Everything Work Without a Mouse
What to check: Every link, button, dropdown, tab, accordion, slider, cookie banner and popup must be reachable and operable with the keyboard alone. Nothing should trap focus (a modal you cannot escape from is a classic WCAG failure).
How to test it manually: Put your mouse on the floor. Load your homepage and press Tab repeatedly. Walk the entire page. Then do the same on your contact page and your checkout. Ask yourself:
- Can I open the mobile menu and close it with Esc?
- Does the dropdown menu open on focus, not only on hover?
- Can I dismiss the newsletter popup and get back to where I was?
- Does the order of focus follow the visual order of the page?
- Can I complete a purchase or submit an enquiry end to end?
Why it helps SEO and conversions: Keyboard operability correlates strongly with clean, semantic HTML, which is exactly what crawlers parse best. And a popup that cannot be closed is an abandonment machine for everyone, mouse or not.
5. Bring Back the Focus Outline You Deleted
What to check: When an element has keyboard focus, there must be a clearly visible indicator around it. Many themes remove the default browser outline for aesthetic reasons. WCAG 2.2 added specific criteria on focus appearance, so this one has become more scrutinised.
How to test it manually: Tab through the page again and watch carefully. If you ever lose track of where you are, the indicator is missing or too subtle. It must contrast at least 3:1 against the adjacent background and be thick enough to notice at a glance.
Why it helps SEO and conversions: Power users navigating forms by keyboard abandon when they cannot see which field they are in. On a multi step checkout this is a direct revenue issue.
6. Label Every Form Field Properly
What to check: Each input needs a visible, persistent label that is programmatically associated with it. Placeholder text is not a label: it disappears the moment someone types, and it typically fails contrast. Also check that error messages say what went wrong and how to fix it (“Please enter a phone number with at least 9 digits” beats “Invalid input”).
How to test it manually: Click directly on the text of each label. If the cursor jumps into the matching field, the association is correct. If nothing happens, the label is just decorative text. Then submit the form empty and read the errors as if you had never seen the form before. Finally, check that required fields are marked with more than a red asterisk alone.
Why it helps SEO and conversions: Forms are where money is made or lost. Clear labels, inline validation and specific error text routinely lift form completion rates. Correct autocomplete attributes also let browsers fill fields automatically, which cuts mobile friction.
7. Stop Writing “Click Here”
What to check: Link text should make sense when read out of context. Screen reader users often pull up a list of all links on a page. A list of fourteen items all saying “Read more” is useless.
- Instead of Click here, write Download our 2027 pricing sheet
- Instead of Learn more, write Learn more about our maintenance plans
- Warn users when a link opens a PDF or a new tab
How to test it manually: Use WAVE’s list of links, or simply copy every link label on a page into a plain text document and read them in isolation.
Why it helps SEO and conversions: Descriptive anchor text is one of the oldest and most reliable internal linking signals in SEO. It tells Google what the destination page is about and spreads relevance through your site.
8. Give Each Page a Unique Title and Declare the Language
What to check: Every page needs a distinct, descriptive <title>, with the most specific information first. Your site also needs a language declaration (for example lang="en") in the HTML tag, plus inline declarations for passages in another language.
How to test it manually: Open ten pages in ten browser tabs. Can you tell them apart from the tab labels alone? Then view the page source (Ctrl+U) and check the first few lines for the lang attribute.
Why it helps SEO and conversions: The title tag is still the single most visible element in search results. A missing or wrong lang attribute makes a screen reader pronounce your content with the wrong accent and phonetics, and it muddies language targeting signals.
9. Caption Your Videos and Transcribe Your Audio
What to check: Pre recorded video needs synchronised captions. Audio only content needs a transcript. Auto generated captions are a starting point, not a finished job: they mangle names, prices and technical terms.
How to test it manually: Mute your device and watch your own video the whole way through. If you lose the thread, so does a deaf visitor. Read the auto caption file and correct every proper noun.
Why it helps SEO and conversions: A huge share of video on social and on mobile is watched with sound off. Transcripts also give search engines crawlable text where there was none, which is one of the cheapest content wins available to a small site.
10. Never Use Color as the Only Signal
What to check: Red borders on invalid fields, green dots for “in stock”, a chart where the only difference between two lines is their color. Around one in twelve men has some form of color vision deficiency.
How to test it manually: Print the page in greyscale, or use the Rendering panel in Chrome DevTools to emulate protanopia and deuteranopia. Any information that disappears needs a second cue: an icon, a text label, a pattern, or underlined link text.
Why it helps SEO and conversions: This is pure clarity. “Out of stock” written in words prevents support tickets and abandoned carts that a grey dot never will. There is more on it in Accessible Website Design: Essential Best Practices.
11. Let Text Resize and Reflow
What to check: Users must be able to zoom to 200 percent without content being cut off or overlapping, and your page must reflow into a single column at a viewport width of 320 CSS pixels. Avoid locking the viewport with user-scalable=no, and avoid body text below 16px.
How to test it manually: Press Ctrl and plus (Cmd and plus on Mac) five times on your desktop browser. Scroll the whole page. Look for text escaping its container, buttons overlapping, or horizontal scrollbars appearing. Then pinch to zoom on your phone and confirm it is not blocked.
Why it helps SEO and conversions: Zoom and reflow failures are mobile usability failures, and mobile usability feeds directly into Google’s mobile first indexing and your Core Web Vitals experience.
12. Add a Skip Link and Use Proper Landmarks
What to check: A “Skip to main content” link should be the first focusable element on the page so keyboard users do not Tab through 30 navigation items on every single page. Your template should also use real landmark elements: header, nav, main, aside, footer.
How to test it manually: Load the page, press Tab exactly once. A skip link should appear. Press Enter and confirm focus moves to the main content area. Most modern WordPress block themes include this already, so verify rather than assume.
Why it helps SEO and conversions: Semantic landmarks give crawlers a clear signal about what is boilerplate navigation and what is unique page content, which helps Google weight your actual content correctly.
A Warning About Accessibility Overlays
You have probably seen the ads: install one script, get an accessibility widget with a little person icon, become compliant overnight. It does not work that way, and this is worth saying plainly.
- Overlays sit on top of broken markup instead of fixing it. The underlying HTML stays broken.
- Many of them conflict with the assistive technology a user has already configured on their own device.
- Hundreds of accessibility professionals and screen reader users have publicly campaigned against them, and a large share of recent US accessibility lawsuits have targeted sites that had an overlay installed.
Spend the money on fixing the 12 items above instead. That is real remediation, and it is permanent.
Your Five Day Plan
| Day | Task | Time |
|---|---|---|
| Monday | Install WAVE and axe. Audit your 5 most visited pages. Write down every issue. | 60 min |
| Tuesday | Fixes 1 and 10: contrast and color-only information. Update your palette once, globally. | 90 min |
| Wednesday | Fixes 2, 3, 7 and 8: alt text, heading order, link text, page titles. | 2 hours |
| Thursday | Fixes 4, 5, 6 and 12: keyboard walkthrough, focus rings, form labels, skip link. | 2 hours |
| Friday | Fixes 9 and 11: captions, transcripts, 200 percent zoom test. Retest everything and publish an accessibility statement. | 90 min |
Write an Accessibility Statement
Once the work is done, publish a short page that states which standard you are aiming for (WCAG 2.2 Level AA), what you know is still imperfect, when you last reviewed the site, and an email address plus phone number for reporting a barrier. It costs nothing, it demonstrates good faith if you are ever challenged, and it tells disabled customers that you thought about them.
Frequently Asked Questions
What makes a website not accessible for people with disabilities?
The most common blockers are: images with no alternative text, text with insufficient color contrast, functions that only work with a mouse, forms with unlabelled fields, videos without captions, headings used for styling instead of structure, and PDFs that are scanned images rather than real text. Any one of these can stop a visitor completing a task.
How do I make my website ADA compliant?
The ADA itself does not list technical specifications for private businesses, but the Department of Justice and US courts consistently reference WCAG Level AA as the benchmark, and the 2024 Title II rule formally adopted WCAG 2.1 AA for public entities. In practice: conform your site to WCAG 2.2 Level AA, test with real keyboard and screen reader usage, document your remediation work, and publish an accessibility statement with a contact route.
Can I make my website accessible for free?
Largely, yes. WAVE, axe DevTools, Lighthouse, NVDA, VoiceOver and your own keyboard cost nothing, and 10 of the 12 fixes above are content and settings changes rather than development work. What you may need to pay for is a manual audit by a specialist and remediation of custom components such as a bespoke booking widget or a complex data table.
How often should I retest?
Run a quick automated scan monthly, do a full keyboard and screen reader pass quarterly, and always retest after a theme update, a plugin addition or a redesign. Accessibility regresses quietly: one new popup plugin can undo a week of work.
Does accessibility actually improve SEO rankings?
Accessibility is not a direct ranking factor, but the overlap is substantial. Semantic headings, descriptive link text, alt attributes, unique page titles, language declarations, video transcripts and mobile reflow are all things crawlers use and all things WCAG requires. Add the behavioural effect of a site that is easier to use, and the practical outcome is better visibility and better conversion.
Should I use an accessibility plugin or widget?
Avoid overlay widgets that claim instant compliance. Helper plugins that fix specific structural problems in your theme, or that let you audit content inside WordPress, can be useful. The test is simple: does it fix the underlying HTML, or does it paint over it?
Need a Hand?
If you work through this list and get stuck on the custom parts of your site, or you would like a documented audit against WCAG 2.2 Level AA before a legal deadline, the team at Berardo Modern can take it from here. Get in touch and we will tell you honestly how big the job really is.
