Website Accessibility Basics That Protect Your Business

Leucocholy Media•
Website Accessibility Basics That Protect Your Business

When most business owners hear the word "accessibility," they picture something expensive, technical, and probably only relevant to hospitals or government agencies. The truth is a lot simpler. Accessibility just means your website works for people who see, hear, move, or think differently than you do. That includes people who use screen readers, people who cannot use a mouse, people with color blindness, older customers with declining eyesight, and anyone trying to read your site on a phone in bright sunlight.

It also happens to be one of the cheapest forms of insurance a small business can buy. A site that is hard to use costs you customers quietly every day, and in the United States it can also invite legal trouble. The good news is that most of the fixes are straightforward, and many of them improve your site for everyone.

Why Accessibility Protects Your Business

There are two sides to this. The first is money. A meaningful share of the population lives with some kind of disability, and a much larger group deals with temporary or situational limits: a broken arm, a cracked phone screen, a noisy room where they cannot hear your video. If your site only works for someone with perfect vision, a steady hand, and a quiet office, you are turning away people who were ready to buy.

The second side is risk. Businesses of all sizes have received demand letters and lawsuits under the Americans with Disabilities Act over websites that could not be used with assistive technology. Small local businesses are not exempt. The companies that get targeted are usually the ones with obvious, easy-to-spot problems: images with no descriptions, forms that cannot be filled out without a mouse, text that disappears into the background. Fixing the basics does not guarantee you will never hear from a lawyer, but it removes the low-hanging fruit that attracts attention in the first place.

We see this a lot with clients. Nobody set out to build an inaccessible site. It happened because nobody checked. The fix is to check.

Make Your Text Easy to Read

Start with the most common problem: text people cannot read. This shows up in three ways.

  • Low contrast. Light gray text on a white background looks sleek in a design mockup and is nearly invisible to a lot of real people. Your body text should be dark enough to stand out clearly from the background. If you have to squint, so does your customer.
  • Tiny fonts. Body text smaller than about 16 pixels is a struggle on phones and for many older readers. Fitting more words on the screen is not worth losing them.
  • Color as the only signal. If your form shows errors only by turning a field red, a color-blind user has no idea what went wrong. Pair color with words or icons so the meaning does not depend on seeing a particular shade.

Also make sure your site still works when someone zooms their browser to 200 percent. If your layout breaks or text gets cut off, that is a problem worth fixing.

Give Every Image a Description

Screen readers cannot see pictures. They read the "alt text" attached to each image, which is a short description written by whoever built the page. If that text is missing, the screen reader either says nothing or reads the file name out loud, so your visitor hears a string of letters and numbers instead of learning anything about your product.

Good alt text is simple. Describe what the image shows and why it matters on that page. A photo of your storefront might be "Front entrance of our shop on Main Street with the open sign lit." A product photo might be "Blue ceramic coffee mug with a wooden handle." Decorative images that add nothing, like a swoosh or a background texture, can be marked as decorative so the screen reader skips them.

This also helps your search rankings, since search engines use the same descriptions to understand your images. It is one of the few tasks that improves both accessibility and SEO at the same time.

Make Sure Everything Works Without a Mouse

Plenty of people navigate the web using only a keyboard, either because of a motor disability or because they rely on assistive devices that act like a keyboard. For these visitors, your site needs to be fully usable with the Tab key, Enter, and the arrow keys.

Here is a quick test you can run yourself right now. Open your website, put your mouse aside, and press Tab repeatedly. You should see a visible outline move from link to link, button to button, in a sensible order. You should be able to open your menu, reach your contact form, fill it out, and submit it. If the highlight disappears, skips things, gets trapped inside a popup, or lands on something you cannot activate with Enter, those are the spots to fix.

Common offenders include dropdown menus that only open on hover, image sliders with no keyboard controls, and custom buttons built as plain text with a click handler instead of as real buttons.

Build Forms That Do Not Fight Back

Your contact form, quote request, or checkout is where accessibility problems cost you the most directly. A visitor who cannot complete the form does not call you to complain. They just leave.

  • Every field needs a visible label that stays visible. Placeholder text that disappears when you start typing is not a label.
  • Required fields should be marked in words, not just with an asterisk or a color.
  • Error messages should say what went wrong and where. "Please enter a valid email address" beats a red border with no explanation.
  • Avoid time limits and avoid CAPTCHAs that rely on reading distorted text. If you need spam protection, there are friendlier options.

Caption Your Videos and Transcribe Your Audio

If you post videos, including drone footage of a property or a walkthrough of your shop, add captions. Deaf and hard-of-hearing visitors need them, and so does the person watching on mute in a waiting room. Most video platforms can generate captions automatically, but the automatic versions often get names and technical terms wrong, so give them a quick review before publishing.

For podcasts or audio clips, a text transcript on the same page does the same job and gives search engines something to index.

Structure Your Pages So They Make Sense

Screen reader users often jump through a page by its headings, the same way you might skim subheads in an article. That only works if your headings are real headings, in a logical order, and not just big bold text. One main heading per page, with subheadings underneath, is the pattern to follow.

Links should also make sense on their own. "Click here" tells a screen reader user nothing. "View our pricing plans" tells them exactly where they are going. Use descriptive link text, and you will notice your page reads better for sighted visitors too.

Where to Start

You do not have to do everything at once. Run the keyboard test. Check your contrast. Look at your five most important pages and make sure every image has a description and every form field has a label. Those few steps alone will put you ahead of most small business sites and remove the problems that draw the most attention.

If you would rather have someone walk through it with you, we are happy to review your site, point out what needs attention, and handle the fixes as part of a redesign or a maintenance plan. Get in touch with Leucocholy Media and we will take a look.