Plenty of small business websites in San Antonio look fine on a designer’s laptop and fall apart for a customer using a screen reader, a keyboard, or a phone with the text size turned up. Accessibility is not a feature you bolt on at the end. Accessibility is a set of ordinary building decisions that either got made correctly or did not. This checklist covers the items that matter most on a small business site, roughly in the order they are worth fixing.
What website accessibility actually means
Website accessibility means a person can use your website regardless of how they see, hear, move, or read. Accessibility covers someone browsing with a screen reader, someone navigating only by keyboard, someone with low vision who zooms the page to 200 percent, and someone who cannot tell red from green. The common reference point is WCAG, the Web Content Accessibility Guidelines.
The ADA itself does not list technical requirements for websites. Courts and the Department of Justice have repeatedly treated WCAG as the practical standard, so WCAG 2.1 Level AA is what web teams build toward. For a small business, Level AA is reachable without rebuilding anything. In practice, most of the gap on a small business site comes down to five or six recurring mistakes, and the sections below walk through them one at a time.
Color contrast is the fastest thing to fix
Color contrast is the ratio between your text color and the color sitting behind it, and weak contrast is the most common accessibility failure on small business websites. WCAG asks for a ratio of at least 4.5 to 1 for body text and 3 to 1 for large text. Light gray text on white, white text laid over a photo, and pale brand colors used for button labels all tend to fail. The failure is easy to miss because designers work on bright screens.
First, run your main pages through a free contrast checker and test body text, links, button labels, and any text sitting on an image. Then fix the worst offenders by darkening the text rather than throwing out your brand palette. For example, a cafe using a soft tan brand color can keep the tan for backgrounds and borders while setting body copy to near-black. Contrast fixes are usually a stylesheet change, not a redesign, which is why they come first.
Every informative image needs real alt text
Alt text is the written description attached to an image so a screen reader can announce what the image shows. Alt text matters for every photo that carries information: a menu board, a product shot, a photo of your storefront, a map of your service area. A screen reader reaching an image with no alt text will either stay silent or read the file name aloud, which is how a visitor ends up hearing a string of digits in the middle of your menu.
Write alt text the way you would describe the picture to someone on the phone. “Sliced brisket on butcher paper with pickles and white bread” tells a visitor something useful. “Brisket photo” does not. Purely decorative images, such as a background texture or a divider, should carry an empty alt attribute so screen readers skip them instead of announcing noise. In WordPress the alt field sits in the media library, so the work is data entry rather than development.
Keyboard navigation: put the mouse away and press Tab
Keyboard navigation is the ability to reach and operate every part of a page using only the Tab, Enter, and arrow keys. Keyboard navigation is how screen reader users move through a site, and it is also how people with tremors or limited hand mobility browse. The test takes two minutes. Load your homepage, put the mouse aside, and press Tab repeatedly. A visible outline should move from link to link in an order that matches the visual layout.
Two problems usually surface. First, someone removed the focus outline because it looked untidy, which leaves keyboard users with no idea where they are on the page. Second, a custom dropdown menu opens on hover only and cannot be reached by keyboard at all. In practice, restoring a clear focus style and making menus respond to the Enter key fixes most of it. Popups need one more thing: they should close when a visitor presses Escape.
Forms need visible labels, not placeholder text
A form label is the visible text tied to an input field, and the label is what tells a screen reader that a box expects your phone number. Placeholder text inside the field is not a label. Placeholder text vanishes the moment someone starts typing, it usually fails contrast requirements, and many screen readers skip it entirely. A contact form built on placeholders alone becomes a row of unexplained empty boxes.
Every field on your quote form, contact form, or appointment request needs a real label that stays visible while the field is being filled in. Error messages should say what went wrong in words instead of only turning a border red. Required fields belong marked in text, not with an asterisk whose meaning is explained elsewhere. For a business whose leads all arrive through one form, this is the highest-value fix on the list, because a form nobody can finish costs you the inquiry outright.
Animation needs an off switch
Motion sensitivity is a real condition, and scroll animations, parallax effects, and auto-playing carousels can trigger nausea, dizziness, or migraines in some visitors. Browsers expose a setting called prefers-reduced-motion, which tells a website that the person has asked their operating system to minimize animation. A site that respects the setting turns its animation off or down on its own, with no toggle the visitor has to hunt for.
Respecting that setting does not mean giving up motion altogether. Satxly builds GSAP animation into sites, and the same build ships a reduced-motion rule that swaps movement for a plain fade. For example, a section that normally slides up on scroll simply appears instead. Anything that moves on its own also needs a pause control, which is one reason an auto-rotating hero slider is a poor choice for a small business site to begin with.
Accessible markup is also readable markup
Accessibility work and local SEO overlap more than most owners expect. Headings used in the correct order, descriptive link text, alt attributes on images, and clean page structure are all accessibility requirements, and all four are signals search engines read to understand a page. A site that assistive technology can parse is a site a crawler can parse.
The overlap is strongest in link text. “Click here” tells a screen reader nothing and tells a search engine nothing, while “see our San Antonio web design pricing” tells both exactly what sits on the other end. Heading structure works the same way, because a heading that names its own subject can be lifted out and quoted on its own. None of this turns accessibility into an SEO tactic. Accessibility is worth doing because customers are shut out otherwise, and the search benefit rides along.
Where to start if your site is a few years old
An older site usually has a handful of accessibility problems rather than hundreds, and those problems repeat on every page because they live in the theme. Start by auditing three pages: your homepage, your busiest service page, and whichever page holds your contact form. A fix made in the theme carries across the rest of the site without further work.
First, run a free automated scan to catch contrast failures and missing alt attributes at scale. Then do the manual checks a scanner cannot do: Tab through the page, zoom the browser to 200 percent, and read your link text out of context. Automated tools catch roughly a third of real problems, so the manual pass is not optional. If the theme fights you at every turn, a rebuild through custom web design can cost less than patching it twice.
Not sure where your site stands?
Send us the URL and we will tell you what we find, with the fixes ordered by what affects customers. Satxly builds only for San Antonio small businesses, projects run on video calls, and we write back within one business day. Get in touch and tell us about your site.
