Website Accessibility for Small Businesses: A Practical Guide

What website accessibility means

Website accessibility means designing and building a site so people with disabilities can use it, including people who are blind or have low vision, are deaf or hard of hearing, have limited movement, or have cognitive disabilities. In practice, it means content that can be seen, heard, read by screen readers and used with a keyboard.

It also makes a site easier for everyone: clearer text on a phone in bright sunlight, captions in a quiet office, and forms that explain errors. For a small business, accessibility is part of good design, good customer service and lower legal risk. This guide explains the standard most people use, what US law and federal guidance say, the checks you can run yourself and how to fix the most common problems. Standards come from the W3C and legal guidance from the Department of Justice’s ADA.gov, checked as of October 2026. Pros Inc designs and builds websites for US businesses from our office in San Diego, and these are the checks we build into every project.

This guide is general information, not legal advice. If you have received a demand letter or have questions about your obligations, speak with a qualified attorney.

The standard: WCAG

The Web Content Accessibility Guidelines (WCAG) are the standard most organizations use to measure website accessibility. They are published by the World Wide Web Consortium (W3C) and organized around four principles: content must be perceivable, operable, understandable and robust.

According to the W3C’s WCAG overview, as of October 2026:

• WCAG 2.2 is the latest version. It was published on 5 October 2023, with an update published on 12 December 2024.
• It has 13 guidelines under the four principles, each with testable success criteria.
• It adds 9 success criteria to WCAG 2.1, and later versions do not change the earlier criteria, apart from one criterion that WCAG 2.2 makes obsolete.
• It is backwards compatible. Content that meets WCAG 2.2 also meets WCAG 2.1 and 2.0, and the W3C encourages using the latest version.

Success criteria are grouped into levels A, AA and AAA. Level AA is the target most organizations aim for, and it is the level the Department of Justice chose for state and local government websites, as explained below.

What US law and guidance say

The Americans with Disabilities Act (ADA) applies to state and local governments under Title II and to businesses that are open to the public under Title III.

For businesses, the Department of Justice’s guidance on web accessibility and the ADA, published March 18, 2022, says businesses open to the public must make sure the goods and services they provide, including those provided online, are accessible to people with disabilities. It says businesses have flexibility in how they comply, and it points to WCAG and the federal Section 508 Standards as helpful technical guidance.

For state and local governments, the rules are more specific. The Department’s fact sheet on its 2024 web rule says the rule generally requires their web content and mobile apps to meet WCAG 2.1 Level AA. As of October 2026, the same page says an interim final rule published April 20, 2026 extended the compliance dates to April 26, 2027 for entities serving a total population of 50,000 or more, and to April 26, 2028 for smaller entities and special district governments. That rule covers government bodies, not private businesses, but businesses that sell to or build for them should know it.

What this means for a small business: there is no separate federal checklist written just for private business websites, but the obligation to be accessible applies, and WCAG Level AA is the benchmark most people use to judge whether a site is accessible.

Easy checks you can run yourself

You do not need special software to find many common problems. The W3C’s Easy Checks guide walks through quick tests anyone can do. Start with these:

1. Page titles. Each page should have a unique, descriptive title in the browser tab.
2. Image alt text. Meaningful images, such as product photos and charts, need text alternatives that describe them. Decorative images should have empty alt text so screen readers skip them.
3. Headings. Use one main heading and a logical order of subheadings, rather than bold text that only looks like a heading.
4. Color contrast. Text must stand out clearly from its background.
5. Text resize. Zoom the browser to 200 percent. Text should still be readable without overlapping.
6. Keyboard access. Put the mouse aside and use the Tab key. You should be able to reach every link, button and form field, see where you are, and open and close menus and pop-ups.
7. Forms. Every field needs a visible label, and error messages should explain what went wrong and how to fix it.
8. Multimedia. Videos need captions, and audio needs a transcript.
9. Moving content. Anything that moves, blinks or auto-plays should have a way to pause or stop it.

Design details that matter

Color contrast

As of October 2026, the W3C’s WCAG 2.2 contrast guidance for Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Light gray text on white and white text over busy photos are the most common failures. Check your brand palette once, record which pairs pass, and add them to your brand style guide so every designer uses the same combinations.

Target size

WCAG 2.2 added a minimum size for things people tap or click. The W3C’s target size guidance says targets should be at least 24 by 24 CSS pixels, with exceptions such as enough spacing around smaller targets or an equivalent larger control elsewhere. Small icon buttons, tightly packed links in footers and tiny close buttons on pop-ups are the usual problems.

Focus and navigation

Keep the keyboard focus outline visible, or replace it with a clear custom style. Add a “skip to main content” link so keyboard users do not have to tab through the whole menu on every page.

Images and alt text

Write alt text that says what the image shows and why it is there. For a product photo, that usually means the product, its color and any detail a shopper would care about. Our guide to Shopify product page design covers product media, including images and alt text.

Forms and checkout

Labels should sit outside the field, not only as placeholder text that disappears when someone types. Group related fields, mark required ones in text as well as color, and keep error messages next to the field they refer to.

Documents and PDFs

Menus, brochures and price lists posted as PDFs are often unreadable to screen readers. Where you can, publish the information as a web page. If you must use a PDF, create it from a source document with real headings and tagged structure.

How to fix an existing site

Most small business sites can make big improvements without a rebuild:

1. Run the easy checks on your homepage, a main product or service page, your contact page and any form.
2. List problems by impact. Anything that stops someone from completing a task, such as a form they cannot submit or a menu they cannot open, comes first.
3. Fix templates, not single pages. On platforms such as WordPress or Shopify, one change to a theme template can fix the same problem across many pages.
4. Review new content. Train whoever adds pages to write alt text, use headings and check contrast.
5. Test with real users if you can, including people who use screen readers or keyboard navigation.
6. Publish an accessibility statement that explains your efforts and gives people a way to report problems and get help.

Accessibility also overlaps with search. Clear headings, descriptive link text, alt text and fast pages help search engines understand your content too; our search engine optimization overview explains how.

A note on overlay tools

Some products promise to make a site accessible by adding a single line of code. These tools can change how a page looks, but they do not fix problems in the underlying code, such as missing labels or keyboard traps. Treat them as, at most, a supplement to fixing the site itself, and do not rely on them as your accessibility plan.

Common website accessibility mistakes

• Text on images without enough contrast.
• Missing or useless alt text, such as file names.
• Icon-only buttons with no accessible name.
• Menus and pop-ups that cannot be used or closed with a keyboard.
• Forms with placeholder text only and unclear errors.
• Videos without captions.
• Important information only in PDFs.

Frequently asked questions

Work with Pros Inc

Pros Inc reviews and improves small business websites for accessibility, from color palettes and templates to forms and content. To talk about your site, contact us at 715 J St #200, San Diego, CA 92101, or call (858) 652-8920.