Web Accessibility Basics for Local Business Websites

Why Accessibility Matters for a Contractor's Website

Web accessibility is the practice of building websites that work for everyone, including people with vision, hearing, motor, or cognitive impairments. For a local service business, that is not just a feel-good initiative. It is real revenue.

People use websites with different vision, hearing, movement, and cognitive needs, and with tools such as screen readers, keyboard navigation, and zoom. Test whether they can understand your services and complete the important tasks instead of treating accessibility as a score alone.

The Standard: WCAG in Plain English

The Web Content Accessibility Guidelines (WCAG) are the global standard, maintained by the World Wide Web Consortium. The current widely adopted version is WCAG 2.2 with three conformance levels: A, AA, and AAA. The realistic target for a local business website is AA. Read the applicable requirements separately; this practical guide is not a determination of legal compliance.

WCAG is organized around four principles, often called POUR:

• Perceivable. Information must be presentable in ways users can perceive (text alternatives for images, captions for video, sufficient color contrast).
• Operable. Interface components must work for everyone (keyboard navigation, no time traps, no flashing content that triggers seizures).
• Understandable. Content and controls must be clear (predictable navigation, helpful error messages).
• Robust. Content must work across browsers, devices, and assistive technologies.

You do not have to memorize the spec. You need to handle the issues that come up over and over on small business sites.

The Accessibility Wins Every Local Business Site Should Have

These are the foundational items. Some can be checked with free tools; complex interactions may require specialist testing.

Alt Text on Every Image

Screen readers read alt text aloud so visually impaired users know what an image shows. A photo of a finished kitchen remodel should have alt text like "Modern kitchen remodel with quartz countertops and white shaker cabinets in Boise." Decorative images (background textures, dividers) should have empty alt attributes so screen readers skip them. The full breakdown is in the image optimization guide.

Proper Heading Structure

Use H1 for the page title, H2 for major sections, H3 for subsections. Do not skip levels. Do not use heading tags just to make text big. Screen readers let users jump between headings to scan a page, the same way a sighted reader scans the layout.

Color Contrast

Body text needs a contrast ratio of at least 4.5 to 1 against its background. Large text needs at least 3 to 1. That gray-on-light-gray look is common on contractor sites and fails accessibility immediately. Free tools like WebAIM's Contrast Checker make this trivial to test.

Keyboard Navigation

Every button, link, and form field needs to be operable with the keyboard alone. Press Tab to move through the page. Press Enter to activate. Make sure focus is visible (a clear outline around the active element). Many contractor sites disable focus outlines for "aesthetic" reasons, which breaks keyboard navigation entirely.

Form Labels

Every form field needs a label associated with it programmatically, not just a placeholder. Screen readers read labels aloud so users know what each field is for. The lead capture form best practices guide covers field structure that converts and stays accessible.

Captioned Video

If you post project walkthroughs on YouTube and embed them on your site, add closed captions. YouTube generates auto-captions that you can clean up in 5 minutes. Captions help deaf and hard-of-hearing visitors and also keep visitors who watch on mute (which is most of them on mobile).

Accessibility and SEO Overlap More Than You Think

A lot of accessibility best practices also help your search rankings:

• Alt text helps Google understand images and rank them in Google Images
• Clean heading structure helps Google parse your content hierarchy
• Descriptive link text improves both keyboard navigation and the SEO value of internal links
• Mobile-friendly design is both an accessibility win and a Google ranking factor. See the deeper mobile-first design walkthrough.
• Fast load times make sites more usable for everyone, especially users on assistive devices. The website speed primer explains the broader impact.
• Semantic HTML and clear content structure help assistive technologies interpret the interface. Search-oriented JSON-LD does not replace accessible labels, headings, or controls. The schema markup explainer covers the basics.

Build a site for everyone and the SEO benefits come along for the ride.

The Legal Side: Why Small Businesses Get Sued

Accessibility obligations depend on the applicable law and circumstances. Do not treat a checklist, plugin, or automated score as proof of legal compliance. Use current official guidance and qualified advice for a specific legal question.

For the website itself, document barriers, repair the underlying interface, and retest important journeys. The website audit walkthrough helps organize evidence and repairs.

How to Audit Your Site for Accessibility

You do not need to be an expert to spot most issues. Automated tools can find some issues, but they do not establish conformance. Combine them with manual testing of important tasks:

• WAVE (wave.webaim.org). Paste a URL and see flagged accessibility errors with explanations.
• axe DevTools (browser extension). Runs automated checks against WCAG 2.2.
• Lighthouse (built into Chrome DevTools). Includes an accessibility audit alongside performance scoring.
• Manual keyboard test. Unplug your mouse and try to navigate your site using only Tab, Shift+Tab, and Enter. If you cannot reach every link, button, and form, your site has accessibility gaps.
• Screen reader test. Turn on VoiceOver (Mac), Narrator (Windows), or TalkBack (Android) and try to use your homepage. The first 30 seconds will tell you a lot.

Document issues as you find them and fix them in order of impact: form labels first, navigation second, content structure third, color contrast fourth.

Avoid the Overlay Trap

A growing industry sells "AI accessibility widgets" that promise instant compliance. They place a floating icon on your site and claim to automatically remediate everything underneath. They do not.

Multiple studies and court cases have shown overlays often fail to fix real issues, sometimes make problems worse, and do not protect against lawsuits. Real accessibility comes from building the site correctly. There is no shortcut.

If your current site has structural accessibility problems - bad heading hierarchy, missing labels, low contrast, inaccessible navigation - the right answer is to fix them in the code, not to layer a widget on top.

A Reasonable Accessibility Plan for a Small Business

You do not need a 6-month project. Here is a practical sequence:

1. Run your homepage and 3 key pages through WAVE or axe.
2. Fix any critical issues (missing form labels, low contrast, missing alt text).
3. Test keyboard navigation manually on every key flow (homepage to service page to contact form).
4. Add captions to any embedded videos.
5. Document your accessibility approach in a brief statement on a /accessibility page so visitors know who to contact about issues.
6. Schedule a re-audit every 6 months or after any major site change.

That covers most of what a typical local service business needs. New builds should start from accessible foundations rather than retrofitting later. The complete website package from webIQ ships every site with WCAG 2.2 AA targets in mind: semantic HTML, proper labels, contrast-checked design, and keyboard-friendly navigation by default. See examples across different trades, or get started to skip the retrofit work.

Frequently Asked Questions

Is my contractor website legally required to be accessible?

Requirements vary with the business, jurisdiction, and applicable law. Consult current official guidance for that question. WCAG provides technical criteria for assessing accessibility, but this article and an automated score do not determine legal compliance.

What is the difference between WCAG levels A, AA, and AAA?

A is the minimum, AA is the realistic target most laws and courts reference, and AAA is the highest level with stricter requirements that are often impractical for general use. Aim for AA across your site. Hit AAA selectively if you serve audiences with specific needs.

Do accessibility widgets actually work?

Generally, no. Multiple studies show overlay widgets often fail to fix real issues and have been named in lawsuits themselves. Real accessibility comes from building the site correctly. Treat overlay vendors with skepticism.

Will improving accessibility help my SEO?

Yes. Many accessibility practices, like descriptive alt text, clean heading hierarchy, and semantic HTML, also help Google understand and rank your pages. Mobile-friendliness and fast load times benefit both groups too. Accessibility and SEO are deeply aligned.

How long does it take to make a small business website accessible?

The work depends on the verified barriers, shared templates, interactions, and content. Start with tasks that block access or contact, estimate repairs from evidence, and retest. Do not promise that every site can be made accessible in a fixed number of days.