Website accessibility means your site can be understood, navigated, and used by people in different conditions: using a keyboard instead of a mouse, zooming text, reading on a phone in bright light, listening with a screen reader, watching video without sound, or recovering from a form mistake without confusion.
For a small business, accessibility is not only a compliance topic. It is a practical usability topic. If a visitor cannot read your text, find the right service, tab through your menu, or submit your contact form, the site is failing at its basic job.
This guide focuses on the beginner fixes that usually create the biggest improvement fastest. It is informational only and not legal advice.
The First 5 Things to Check
If you only have 20 minutes, do this before you publish or refresh a page:
- Readability: Is the body text large enough, dark enough, and spaced well enough to read without strain?
- Structure: Does the page have one clear
h1, usefulh2sections, and link text that makes sense out of context? - Images: Do meaningful images have useful alt text, while purely decorative images stay empty with
alt=""? - Keyboard access: Can you press
Tabthrough menus, buttons, forms, popups, and calls to action in a logical order? - Forms: Does every field have a visible label, clear instructions, helpful errors, and a touch-friendly submit button?
Those five checks map closely to the most common accessibility failures on the web. WebAIM’s 2026 analysis of one million home pages found low contrast, missing alt text, missing labels, empty links, and empty buttons among the most common detected issues; low contrast alone appeared on 83.9% of tested home pages.[5]
A Short Legal Note, Without the Rabbit Hole
The ADA can apply to websites for state and local governments and for businesses open to the public. The DOJ’s March 18, 2022 guidance describes how both groups can make web content accessible, but that guidance did not create a new private-business technical standard by itself.[1]
For state and local governments under ADA Title II, DOJ published a final rule in 2024 adopting WCAG 2.1 Level AA for covered web content and mobile apps.[2] On April 20, 2026, DOJ published an interim final rule extending the Title II compliance dates by one year: large public entities now have until April 26, 2027, and smaller public entities and special district governments now have until April 26, 2028.[3]
For private small businesses, the cleaner takeaway is this: WCAG is the practical benchmark to work from, even when the legal analysis depends on your business, location, customers, and jurisdiction. WCAG 2.2 became a W3C Recommendation on October 5, 2023 and added nine success criteria beyond WCAG 2.1.[4] If you are making procurement, litigation, or formal compliance decisions, involve qualified counsel.
Make the Page Scan in 10 Seconds
Most accessibility fixes start with clarity. A visitor should be able to land on a page and understand what it offers before reading every paragraph.
Use one main h1 that names the page plainly. Then use h2 sections for the decisions a visitor actually needs to make. A service page for an HVAC company, for example, should not hide behind headings like Solutions and More. Better headings would be Emergency AC Repair, What Our Visit Includes, Pricing and Availability, and Request a Repair Appointment.
Do not fake headings with bold text. Use real heading styles in your site editor so the visual structure and the underlying page structure match. This helps screen reader users move through the page, and it helps everyone else scan faster.
Links need the same treatment. Replace vague text like click here, more, or learn more with the destination or action. View emergency roof repair services is stronger than learn more. Download the catering menu is stronger than click here. The link should still make sense if someone reads it alone.
Fix Contrast and Text Before Design Polish
Low contrast is easy to miss because it often looks refined in a design mockup. Light gray text, thin fonts, transparent buttons, and text over busy photos can all create friction.
A useful rule for small-business sites: if you would hesitate to read the paragraph on a phone outside, it is probably too subtle. Darken the text, simplify the background, or use a solid overlay behind copy placed on an image.
Three common before-and-after fixes:
| Before | Better |
|---|---|
| Light gray testimonial text on a white background | Dark body text with the customer’s name styled separately |
| White headline over a bright team photo | Same photo with a dark overlay behind the headline area |
| Required fields shown only by red labels | Labels that say required, plus color for emphasis |
Text size matters too. Body copy around 16px or larger is a reasonable starting point for many sites, but size alone is not enough. Line height, paragraph spacing, and line length determine whether the page feels readable. Very wide paragraphs are tiring. Tight mobile text is worse. Keep content columns controlled and break long explanations into shorter blocks.
Write Alt Text for the Task, Not the Search Engine
Alt text should explain what an image contributes in context. It should not be a keyword dump, a file name, or a generic label like image.
Think about the user’s task. On a landscaping site, a photo might need to show the type of work, not just that a yard exists. On a restaurant site, a menu image might need nearby HTML text because alt text alone is a poor replacement for a full menu.
| Image | Weak alt text | Better alt text |
|---|---|---|
| HVAC technician beside an outdoor unit | HVAC photo | Technician inspecting a residential outdoor air conditioning unit |
| Before-and-after patio cleaning photo | Patio | Concrete patio before and after pressure washing |
| Decorative divider icon | Blue wave icon | alt="" |
If nearby text already explains the image, do not repeat the same words. If the image is decorative, leave it empty so assistive technology can skip it. If the image contains important text, put that information in real page text whenever possible.
Run the Keyboard Test Like a Customer
The keyboard test is simple and revealing. Open the page. Put your mouse aside. Press Tab.
You should be able to move through links, buttons, form fields, menus, and popups in a logical order. The current item should have a visible focus style, usually an outline or highlight. If focus disappears, jumps around, gets trapped in a popup, or lands on invisible elements, visitors can get stuck.
Pay close attention to navigation menus, dropdowns, cookie banners, chat widgets, carousels, and embedded booking tools. These are common places where a page looks fine with a mouse but breaks for keyboard users.
Do not remove focus outlines because they look untidy. If you customize them, make them clearer: a strong outline, enough contrast, and enough space from the button edge.
Make Forms Harder to Mess Up
Forms are where accessibility problems become business problems. A visitor may understand your offer and still leave if the form is confusing.
Every field needs a visible label. Placeholder text is not a label because it disappears when someone starts typing and is often too faint. Use clear field names like Email address, Phone number, and Project details.
Ask for fewer fields. If the first step is a quote request, you may only need name, email or phone, service type, and a short message. Extra fields create extra mistakes.
Error messages should explain what happened and how to fix it. Please enter an email address like name@example.com is better than Invalid input. If a required field is missing, identify the field in text instead of relying only on red borders.
On mobile, give inputs and buttons enough space. Tiny checkboxes, narrow dropdowns, and buttons crowded against other links increase accidental taps.
Treat Mobile as an Accessibility Test
Responsive design is not the same as accessible mobile design. A page can technically resize and still be hard to use.
Review important pages on an actual phone. Look for text that becomes too small, buttons that feel cramped, tables that overflow, sticky headers that cover content, and popups that cannot be closed without precision tapping.
Also test zoom. Visitors with low vision often enlarge text. If the layout collapses, hides form fields, or forces sideways scrolling during basic reading, the page needs work.
For small-business pages, mobile accessibility usually improves conversion too. Shorter paragraphs, clearer calls to action, simpler forms, and readable service sections help every visitor move faster.
Use Media Without Making It a Barrier
Images, videos, icons, and motion should support the message, not become the only way to understand it.
If a video contains important spoken information, add captions or provide the same information in nearby text. Many visitors watch without sound, and captions help people who are deaf or hard of hearing.
Be careful with auto-advancing sliders, flashing effects, and busy animated backgrounds. Motion can distract, disorient, or hide information before someone has time to act. If motion is present, give users control and do not make it required for completing a task.
Use icon-only buttons only when the icon is widely understood and has an accessible name behind the scenes. For important actions, text plus icon is often clearer.
Use Tools, But Do Not Outsource Judgment
Automated tools are useful, not complete. Lighthouse, WAVE, axe, and similar scanners can flag many contrast, label, alt text, heading, and button problems. They cannot reliably tell whether your alt text is helpful, whether your heading promises match the content, or whether a customer can understand the next step.
A good lightweight workflow is:
- Run an automated scan on the homepage, top service pages, and contact page.
- Fix clear technical issues first: contrast, missing labels, empty links, empty buttons, missing alt text.
- Tab through each page manually.
- Read the page on a phone.
- Submit the form once, including one intentional error.
Prioritize the pages that carry business value: homepage, service pages, location pages, pricing pages, booking flows, checkout flows, and contact forms. Accessibility work on those pages improves usability where it matters most.
Make Accessibility Part of Normal Updates
The easiest accessibility program is the one you can repeat. Add a short review step whenever you publish a new page, add a form, change a hero section, upload a PDF, or redesign a navigation menu.
Use this publishing checklist:
- The page has one clear topic and one clear
h1. - Headings describe the content below them.
- Paragraph text is readable on mobile and desktop.
- Text and buttons have strong contrast.
- Links describe their destination or action.
- Important images have useful alt text.
- Forms have visible labels and plain-language errors.
- The page works with the
Tabkey. - Video has captions or an equivalent text explanation.
- Popups, menus, and widgets can be opened and closed without a mouse.
You do not need to rebuild your whole site to make it more accessible. Start by removing the obvious barriers: weak contrast, vague headings, missing labels, vague links, missing alt text, mouse-only menus, and hard-to-use forms.
If you want a faster way to launch or refresh a simple business website with editable copy, readable sections, and built-in lead capture you can keep improving over time, take a look at Website Builder. It gives small businesses a practical starting point for a cleaner, easier-to-use web presence without turning every update into a technical project.
Sources
- ADA.gov, Guidance on Web Accessibility and the ADA, March 18, 2022: https://www.ada.gov/resources/web-guidance/
- Federal Register, DOJ Title II web and mobile accessibility final rule, April 24, 2024: https://www.federalregister.gov/d/2024-07758
- Federal Register, DOJ interim final rule extending Title II web and mobile accessibility compliance dates, April 20, 2026: https://www.federalregister.gov/d/2026-07663
- W3C, WCAG 2.2 is a W3C Recommendation, October 5, 2023: https://www.w3.org/news/2023/web-content-accessibility-guidelines-wcag-2-2-is-a-w3c-recommendation/
- WebAIM Million 2026, accessibility analysis of the top 1,000,000 home pages: https://webaim.org/projects/million/
- Seyfarth Shaw LLP, Federal Court Website Accessibility Lawsuit Filings Took a Dip in 2023, June 14, 2024: https://www.adatitleiii.com/2024/06/federal-court-website-accessibility-lawsuit-filings-took-a-dip-in-2023/