You are currently viewing Website Accessibility for Small Business

Website Accessibility for Small Business

Picture a customer who wants to hire you. They open your website on their phone, but the text is tiny and pale gray on a white background, so they cannot read your prices. They try to tap your phone number, but the buttons are so small their thumb hits the wrong link. They give up and call your competitor instead. That customer did not leave because your business is bad. They left because your website was hard to use. Website accessibility means building your site so everyone can use it, including people with poor vision, hearing loss, shaky hands, or a cracked phone screen in bright sunlight. This guide explains what accessibility means in plain terms, why it matters for a small business, and the exact fixes to make, in priority order, with nothing that requires a computer science degree.

The quick answer

  • Accessibility means usable by everyone: readable text, clear contrast, keyboard-friendly navigation, descriptions for images, and forms people can actually complete.
  • Start with the big three: text size and contrast, alt text on images, and proper headings. These three fixes help the most visitors.
  • Test with your keyboard: unplug your mouse and try to use your site with the Tab key. If you get stuck, your visitors get stuck.
  • Use free checkers: tools like WAVE and Google Lighthouse scan your pages and list exactly what to fix, in plain language.
  • It helps your SEO too: clear headings, alt text, and fast readable pages are things Google rewards, so accessibility work doubles as search work.

What website accessibility actually means

Accessibility is not a special feature for a small group. It is the practice of making your website work for every visitor, whatever their situation. The international standard for this is called WCAG, the Web Content Accessibility Guidelines. You do not need to read the full standard. Its core idea fits in four words: content should be perceivable, operable, understandable, and sturdy. In plain terms:

  • Perceivable: visitors can sense the content. Text is big enough and dark enough to read. Images have text descriptions. Videos have captions.
  • Operable: visitors can use the site. Buttons are big enough to tap. Everything works with a keyboard, not just a mouse.
  • Understandable: visitors can follow what is happening. Navigation is consistent. Forms explain what they want and flag errors clearly.
  • Sturdy: the site works across devices and tools, including screen readers that read pages aloud for blind visitors.

Here is the part most small business owners miss: accessible design helps everyone, not just people with disabilities. Captions help the customer watching your video with the sound off. Big tap targets help anyone on a bumpy bus. High contrast helps anyone reading in sunlight. When you fix accessibility, you fix usability for your whole audience.

Why a small business should care

Three reasons, in order of how fast they hit your bottom line.

1. You are losing customers you never hear from

Around one in four adults lives with some form of disability, and far more deal with temporary or situational limits: aging eyes, a broken arm, a phone in bright sun. When your site is hard to use, these visitors do not complain. They leave quietly and hire someone whose site works. For a local business, even a small slice of lost visitors adds up to real revenue over a year.

Three diverse people of different ages using smartphones and a tablet together at a bright cafe table

Your visitors use your site in every imaginable situation. Accessible design covers them all.

2. Lawsuits are real, even for small sites

Accessibility lawsuits against business websites have grown steadily, and small businesses are not exempt. Most cases settle, and settlements cost far more than the fixes would have. You do not need a perfect site to reduce risk, but you do need to show real effort: the core fixes in this guide are exactly what courts and plaintiffs look at. Treat accessibility like insurance: a modest investment now beats an expensive problem later.

3. Google rewards accessible sites

Many accessibility fixes are also SEO fixes. Descriptive headings help Google understand your pages. Alt text helps your images rank in image search. Readable, well-structured pages keep visitors on your site longer, which Google reads as a quality signal. If you are already working on your rankings, our landing page optimization guide pairs well with this one: an accessible page that also converts is the goal.

Fix 1: Make your text readable

This is the highest-impact fix on most small business sites, and it takes minutes. Open your site on your phone right now and check:

  • Body text at least 16 pixels. Smaller text strains eyes and drives mobile visitors away. Sixteen pixels is the floor, not the ceiling.
  • Strong contrast. Light gray text on a white background is the most common readability killer. Dark text on a light background, or light text on a dark background, with a contrast ratio of at least 4.5 to 1 for body text. If you are unsure, paste your colors into a free contrast checker.
  • Real text, not images of text. If your prices, hours, or headlines are baked into an image, screen readers cannot read them, phones cannot resize them, and Google cannot index them. Type them as text.
  • Line spacing that breathes. Cramped lines are hard to track. A line height around 1.5 times the font size is comfortable for most readers.
  • No walls of text. Break long pages into short paragraphs, headings, and bullet lists. Visitors scan before they read.

Close-up of hands typing on a keyboard with a laptop screen showing an enlarged view of a website

Readable text and clear structure help every visitor, from screen-reader users to tired parents on their phones.

Fix 2: Add alt text to your images

Alt text is a short written description of an image, hidden in the page code. Screen readers read it aloud to blind visitors, and it shows if an image fails to load. It also helps your images appear in Google image search. Writing good alt text is simple:

  • Describe what matters. “Technician replacing a water heater in a home utility room” is good. “Image” or “photo123” is useless.
  • Keep it short. One sentence, under 125 characters, is the rule of thumb.
  • Skip “image of.” Screen readers already announce it is an image.
  • Decorative images get empty alt text. If an image is pure decoration, like a background swirl, mark it empty so screen readers skip it instead of announcing noise.
  • Charts and infographics need real descriptions. If the image carries information, the alt text must carry the same information.

In WordPress, you add alt text in the media library or right in the image block settings. Go through your most-visited pages first: homepage, service pages, contact page. You do not need to fix a thousand old blog images on day one.

Fix 3: Use proper headings in order

Headings are the skeleton of your page. Screen reader users navigate by headings the way sighted users scan a page visually, jumping from section to section. Google does the same when figuring out what your page is about. The rules:

  • One H1 per page. The H1 is the page’s main topic, like the title of a book chapter.
  • Headings in order. H2 for main sections, H3 for subsections under them. Never jump from H1 to H4, and never pick a heading level because you like how it looks.
  • Headings that describe. “Our plumbing services in Dayton” tells the reader something. “Welcome” tells them nothing.
  • Style with CSS, not heading tags. If you want big bold text that is not a section title, style a paragraph. Heading tags are for structure, not decoration.
The common WordPress mistake. Many themes and page builders let you pick any heading level for visual size, and site owners end up with pages that have three H1s and skip from H2 to H5. Open each key page, check the heading order, and fix it. This one change improves both accessibility and SEO.

Fix 4: Make everything work with a keyboard

Many visitors never touch a mouse. People with motor disabilities, power users, and anyone with a broken trackpad navigate with the Tab key, moving focus from link to link and button to button, pressing Enter to activate. Your site should support this fully:

  • Tab order follows the visual order. Pressing Tab should move through your page top to bottom, left to right, the way a reader would go. If focus jumps around randomly, fix the page structure.
  • Visible focus indicator. When Tab lands on a link or button, there must be a visible outline or highlight. Some themes remove this outline for looks. Put it back: a visible focus ring is essential.
  • No keyboard traps. A visitor should be able to Tab into every menu, form, and popup, and Tab out again. Test your mobile menu, your contact form, and any popups.
  • Skip link. Add a “skip to content” link at the top of the page so keyboard users can jump past your navigation instead of tabbing through twenty menu items on every page.
  • Dropdown menus open with the keyboard. If your main menu has dropdowns, they must open with Enter or the arrow keys, not just on hover.

The two-minute keyboard test

Unplug your mouse, or just push it aside. Starting at the top of your homepage, press Tab repeatedly. Can you reach your phone number, your contact form, and your booking button? Can you see where you are at all times? Can you complete the contact form and submit it using only the keyboard? Write down every place you get stuck. That list is your keyboard fix list.

Fix 5: Build forms people can complete

Your contact form is where visitors become customers, so it deserves special attention. Most small business forms fail accessibility in the same few ways:

  • Every field has a visible label. “Name,” “Phone,” “What do you need?” Placeholder text inside the box is not a label: it disappears when the visitor starts typing, and screen readers often skip it. Use real labels above or beside each field.
  • Mark required fields clearly. Say “required” in text, not just with a red asterisk that colorblind visitors may not see.
  • Errors explain themselves. “Please enter a valid phone number so we can call you back” beats “Invalid input.” Put the error message next to the field it belongs to, and move focus there so the visitor finds it.
  • Confirm the submission. After the visitor hits send, show a clear confirmation: “Thanks, we got your message and will reply within one business day.” A form that just clears itself leaves visitors wondering if it worked.
  • Keep forms short. Every extra field is a chance to lose the visitor. Ask only for what you need to reply: name, contact details, and the message.

Fix 6: Caption your videos, describe your audio

If your site has videos, testimonial clips, or embedded social videos, they need captions. Captions help deaf visitors, visitors watching with the sound off (which is most mobile viewers), and visitors who do not speak the video’s language well. When you upload to YouTube, review the auto-captions and fix the errors: auto-captions get business names and technical terms wrong. If a video carries important information, add a short text summary below it on the page as well. For audio-only content like a recorded call or podcast clip, provide a written transcript.

Fix 7: Design for thumbs on phones

Most of your visitors are on phones, and phones are where accessibility problems hurt most:

  • Tap targets at least 44 by 44 pixels. Phone numbers, buttons, and menu links need to be big enough for a thumb. Tiny text links packed together cause mis-taps and rage-quits.
  • Space between links. Crowded navigation links are as bad as small ones. Give each tappable item breathing room.
  • No horizontal scrolling. Your pages should fit the screen width. If visitors must scroll sideways to read, your mobile layout is broken.
  • Readable without zooming. If visitors must pinch to read your content, your text is too small. And never disable pinch zoom: some visitors depend on it.
  • Popups that can be closed. Every popup needs a large, obvious close button that works with touch and keyboard. A popup nobody can dismiss is a wall across your site.

Web designer at a modern desk reviewing a website design with high-contrast color layouts

Accessibility is a design decision, not a plugin. Build it into every page from the start.

How to check your site: free tools that do the work

You do not need to guess. Free tools scan your pages and list the problems in plain language:

ToolWhat it doesCost
WAVE (browser extension)Overlays accessibility errors and warnings directly on your page with explanationsFree
Google LighthouseBuilt into Chrome DevTools; scores accessibility, performance, and SEO with fix suggestionsFree
axe DevToolsDeep automated scan that catches issues other checkers missFree tier available
Contrast checkerTests whether your text and background colors meet contrast standardsFree
Your keyboardThe two-minute Tab test described above; catches what automated tools cannotFree

Run WAVE on your homepage, your main service pages, and your contact page. Fix the red errors first, then the yellow warnings. Then do the keyboard test, because automated tools cannot tell you whether your site actually feels usable. If you want a second opinion on the overall design, our website redesign checklist helps you decide whether fixes are enough or the site needs a rebuild.

A note on accessibility overlay plugins. You may see ads for widgets that promise instant accessibility with one line of code. Accessibility experts and courts are skeptical of these: they add a toolbar without fixing the underlying problems. Real fixes to your content, structure, and design always beat an overlay. Spend the money on fixes, not widgets.

Your accessibility fix list, in priority order

  • 1Week 1: readability. Set body text to at least 16 pixels, fix low-contrast text, and replace any images of text with real text on your key pages.
  • 2Week 1: images. Add descriptive alt text to every image on your homepage, service pages, and contact page. Mark decorative images as empty.
  • 3Week 2: structure. Fix heading order on every key page: one H1, then H2s and H3s in sequence, with descriptive titles.
  • 4Week 2: keyboard. Run the Tab test on your whole site. Restore visible focus indicators, fix keyboard traps, and add a skip link.
  • 5Week 3: forms. Add real labels to every form field, write clear error messages, and add a confirmation message after submission.
  • 6Week 3: media. Caption your videos, fix auto-caption errors, and add text summaries or transcripts where they matter.
  • 7Week 4: mobile. Enlarge tap targets, fix horizontal scrolling, and make sure every popup can be closed easily.
  • 8Week 4: verify. Re-run WAVE and Lighthouse on every key page. Test with your keyboard again. Keep a simple log of what you fixed and when.

Frequently asked questions

What is website accessibility in simple terms?

It means your website works for everyone, including people with poor vision, hearing loss, or limited mobility. In practice: readable text, good color contrast, images with descriptions, pages that work with a keyboard, and forms that explain themselves.

Is website accessibility legally required for small businesses?

In many places, yes, disability rights laws apply to business websites, and lawsuits against small business sites happen regularly. The rules vary by country and region, but the safest approach is the same everywhere: make the core fixes in this guide and keep improving.

How much does it cost to make a website accessible?

The fixes in this guide cost nothing but time if you do them yourself: text sizes, alt text, headings, and form labels are all free. A professional accessibility audit and remediation for a small site typically runs from a few hundred to a few thousand dollars, far less than a lawsuit settlement.

Will accessibility changes hurt my website’s design?

No. Accessible design is good design: clear text, strong contrast, logical structure, and generous tap targets look clean and modern. Most accessibility fixes make a site look better, not worse.

Do accessibility overlays and widgets work?

They add a toolbar, but they do not fix the underlying problems in your content and code. Experts recommend fixing the real issues instead: readable text, proper headings, alt text, and keyboard support. An overlay is not a substitute for remediation.

How do I know if my site is accessible enough?

Run WAVE and Google Lighthouse on your key pages, do the two-minute keyboard test, and fix what they find. No site is ever perfectly accessible, but steady improvement on the core issues puts you ahead of most small business sites and sharply reduces your risk.

Want a website everyone can use?

Digital Hayder designs and fixes websites with accessibility built in: readable layouts, proper structure, keyboard-friendly navigation, and forms that convert. Tell us about your site and we will audit it for you.

Contact Us

Leave a Reply