The accessibility basics every small business site needs

If you are a small business owner trying to manage your online presence, you have likely looked at the legal landscape and asked: what's the minimum accessibility my website needs? When you start reading about the Web Content Accessibility Guidelines (WCAG), the technical jargon can feel overwhelming. You encounter references to AA standards, ARIA roles, and screen reader compatibilities, and it is easy to assume you need a massive budget and a dedicated engineering team to stay safe.

This assumption is a mistake. While full digital compliance is a comprehensive process, the vast majority of legal complaints and user barriers target the same handful of basic coding mistakes.

By focusing on a short, practical checklist, you can address the low-hanging fruit, protect your business from serial litigants, and make your website significantly easier to use for your real customers.

Why small businesses cannot ignore accessibility

Many local businesses (like HVAC contractors, dental clinics, or boutique hotels) assume they are too small to be targeted. They think plaintiffs' attorneys only sue enterprise brands like Target or Domino's.

This is a misunderstanding. Serial filers target small businesses precisely because they know a local firm does not have a legal team on retainer. A small business is far more likely to settle a boilerplate lawsuit for $5,000 to $10,000 to avoid court costs than to fight it.

Title III of the ADA applies to all public businesses, regardless of size. If you have a website that serves customers, it must be accessible. Fortunately, you can achieve basic compliance by addressing five fundamental elements of web design.

The 5-step small business accessibility checklist

You do not need to rewrite your entire codebase. This week, you or your web developer can implement these five basic fixes:

1. Add meaningful alt text to images

Screen readers read your website's code to visually impaired users. When the reader encounters an image, it looks for the alternative text (alt text) to describe the photo.

• Fix it: Go through your site and add short, descriptive alt text to every image. If you have an image of a dentist treating a patient, set the alt text to alt="Dr. Smith cleaning a patient's teeth".
• Decorative images: If an image is purely decorative (such as a geometric background pattern or a divider line), do not leave the alt tag blank or omit it. Set it to alt="" (an empty quote). This tells the screen reader to skip it entirely rather than reading the file name.

2. Restore keyboard navigation and visible focus

Many users cannot operate a mouse. They navigate by pressing the Tab key to jump between links, buttons, and forms.

• The Tab Test: Unplug your mouse and try to use your website using only your keyboard. Can you access the main menu, fill out the contact form, and click submit?
• Visible Focus: As you tab through the page, you must see a visual indicator (like a blue or black outline box) showing which element is currently highlighted. Designers often disable this default outline in their CSS using outline: none because they think it looks untidy. If your site does this, restore the focus ring immediately using custom CSS styles like a:focus { outline: 2px solid #000; }.

3. Use descriptive form labels

Forms are the primary way local businesses capture leads. If a blind customer wants to book a service but cannot fill out your contact form, your site has a critical barrier.

• The Placeholder Trap: Many modern designs use placeholder text inside the input fields instead of visible labels (e.g., placing the word "Name" inside the box itself). When a user clicks the box, the placeholder disappears. Screen readers often fail to read placeholders, leaving users with no idea what information is required.
• Fix it: Always use the HTML <label> tag to link a text description to the specific input field ID. For example:

  <label for="user-email">Email Address</label>
  <input type="email" id="user-email">
  

  If you must hide the label visually for design reasons, use a CSS class to hide it from the screen (using absolute positioning off-screen) rather than using display: none or visibility: hidden (which also hides it from screen readers).

4. Check color contrast ratios

If your text is too close in color to the background, users with low vision, color blindness, or those reading on mobile screens under direct sunlight will struggle to read it.

• The Standard: WCAG 2.1 AA requires a contrast ratio of at least 4.5:1 for standard body text.
• Fix it: Avoid light-gray text on a white background, or white text overlaid on light-colored images. Run your color choices through a free online contrast checker. If your buttons or main text fail, darken the text or lighten the background until they pass.

5. Build a logical heading structure

Search engines and screen readers use heading tags (H1, H2, H3) to understand the outline of your content.

• The Rule: Every page should have exactly one H1 tag (typically the main page title). Subsections should use H2 tags, and sub-subsections should use H3 tags.
• The Violation: Do not use heading tags for formatting purposes (such as using an H3 tag just because you want a line of text to look bold or small). Ensure you do not skip heading levels (e.g., going from an H1 directly to an H4). This breaks the logical outline, making it difficult for screen readers to navigate your page.

The business payoff of basic accessibility

Addressing these five basics does more than protect your business from lawsuit threats:

• Better SEO: Google's search crawlers behave exactly like screen readers. They cannot see images or evaluate visual aesthetics; they read your code. Adding alt text, clean heading hierarchies, and semantic HTML structure directly helps Google index your pages, boosting your search visibility.
• Improved mobile usability: High contrast and clear focus states make your site significantly easier to read and navigate on mobile devices, which is where the majority of your local customers browse.

If you are worried that your current site is exposing your business to legal risks, a structured accessibility check and repair project can secure your templates. Clean up the basics, protect your brand, and build a site that serves every visitor.