What Website Accessibility Actually Means
Website accessibility means people with disabilities — visual, auditory, motor, or cognitive — can perceive, navigate, and use your site without a workaround. The W3C Web Accessibility Initiative defines it as designing and developing websites so that people with disabilities can use them, and specifically calls out that accessible design also benefits mobile users, older adults, and anyone in a limiting situation — bright sunlight on a phone screen, a slow connection, a temporary injury.
Most small business sites aren’t failing on some obscure technical standard — they’re failing on five basic, fixable things: missing alt text, mouse-only navigation, low-contrast text, forms that don’t label their fields, and video with no captions or transcript.
Quick-Reference: The Five Basics
| Issue | Who It Affects | Quick Fix |
|---|---|---|
| Missing alt text on images | Screen reader users, and search engines indexing your images | Add descriptive alt text to every meaningful image |
| Mouse-only navigation | Keyboard users, switch-device users | Make sure every interactive element is reachable and usable via keyboard alone |
| Low color contrast | Users with low vision, anyone in bright light | Check text-to-background contrast against WCAG’s minimum ratios |
| Unlabeled form fields | Screen reader users | Add a visible or programmatic label to every input field |
| No captions or transcripts on video/audio | Deaf and hard-of-hearing users, search engines | Add captions to video and a text transcript for audio-only content |
This table covers the most common gaps, not every WCAG success criterion — a full audit against WCAG 2.2, which is also recognized internationally as ISO/IEC 40500, will surface more depending on your site’s complexity.
Alt Text for Images
What it means: Alt text is a written description attached to an image in the page’s code. Screen readers read it aloud in place of the image; search engines use it to understand what the image shows.
Common causes of missing or bad alt text:
- ✓ Images added directly through a website builder without filling in the alt field
- ✓ Alt text that just repeats the filename (“IMG_4021.jpg”) instead of describing the image
- ✓ Decorative images (background textures, dividers) given unnecessary alt text that clutters the screen reader experience
What to do:
Write alt text that describes what the image actually shows and why it’s there — “team member reviewing blueprints at a job site,” not “photo1.” Purely decorative images should have empty alt text (alt="") so screen readers skip over them instead of announcing something meaningless.
Keyboard Navigation
What it means: Every interactive element on your site — links, buttons, form fields, menus — needs to be reachable and usable without a mouse, using only the Tab, Enter, and arrow keys.
Common causes:
- ✓ Dropdown menus that only open on mouse hover, with no keyboard-accessible equivalent
- ✓ Custom buttons built from styled
<div>elements instead of real, focusable button or link elements - ✓ No visible focus indicator, so a keyboard user can’t tell which element is currently selected
What to do:
Try navigating your own site using only the Tab key. If you can’t reach every link, open every menu, and submit every form this way, keyboard users can’t either. This is a fast, free test you can run yourself in a few minutes.
Color Contrast and Readable Text
What it means: Text needs enough contrast against its background to be readable by users with low vision or color blindness — and, in practice, by anyone using a phone outdoors.
Common causes:
- ✓ Light gray text on a white background, chosen for aesthetics over readability
- ✓ Text placed directly over busy background images with no overlay or contrast treatment
- ✓ Small font sizes combined with borderline contrast, compounding the readability problem
What to do:
Check your primary text and background color combinations against WCAG’s minimum contrast ratios before finalizing a design, not after launch. If a color palette can’t meet contrast minimums for body text, adjust the palette for text specifically rather than compromising readability for brand consistency.
Forms That Work with Assistive Technology
What it means: A screen reader needs to know what each form field is asking for. A form that only shows a placeholder inside the field, with no actual label, often fails this — placeholder text disappears the moment someone starts typing and isn’t reliably read by all assistive technology.
Common causes:
- ✓ Fields with placeholder text used as the only label (“Enter your email”)
- ✓ Error messages that only appear as a color change, with no text explaining what went wrong
- ✓ Required fields that aren’t announced as required to screen reader users
What to do:
Give every field a real, associated label, and make error messages explicit (“Email address is required”) rather than relying on color alone. This also tends to reduce form abandonment for all users, not just those using assistive technology.
Get a Free Consultation with SDB4U at 416-477-3285 if you’d like your current site reviewed against these basics before a redesign locks in the same gaps again.
Captions and Transcripts for Video and Audio
What it means: Deaf and hard-of-hearing visitors need a text equivalent for anything conveyed through sound — video captions or a full transcript for audio-only content like a podcast embed.
Common causes:
- ✓ Embedded video with auto-generated captions that were never reviewed for accuracy
- ✓ Audio testimonials or podcast episodes with no transcript at all
- ✓ Captions that don’t include non-speech sound cues relevant to understanding the content
What to do:
Review auto-generated captions before publishing rather than trusting them as-is, and provide a transcript alongside any audio-only content. This also gives search engines readable text to index, which is a secondary SEO benefit of the same fix.
Does This Create Legal Risk If I Skip It?
Accessibility isn’t only a usability issue in some jurisdictions — in Ontario, the Accessibility for Ontarians with Disabilities Act (AODA) sets accessibility requirements that apply to businesses and non-profits, including website accessibility, though exactly which requirements apply depends on your organization’s size and sector. If you operate in Ontario or serve Ontario customers, it’s worth confirming which AODA requirements apply to your specific business rather than assuming the basics above cover everything — a legal or accessibility compliance professional can confirm the specifics for your situation.
When to Bring in Help Instead of Guessing
If a manual keyboard and contrast check turns up multiple issues, or your site was built years ago on a platform that’s never been reviewed for accessibility, a professional accessibility review is worth more than trying to patch each issue one at a time. This is also a natural point to revisit the site more broadly — see our guide on what to include on your homepage if accessibility issues turn out to be part of a bigger structural problem, or our breakdown of redesign vs. rebuild signals if the platform itself can’t support the fixes needed.
FAQ
What is web accessibility, in simple terms?
It means people with visual, auditory, motor, or cognitive disabilities can use your website without a workaround — read its content, navigate its menus, and complete actions like filling out a form, the same as any other visitor.
Is my business legally required to have an accessible website?
It depends on your location, industry, and size. In Ontario, the AODA sets requirements that apply to businesses and non-profits, including website accessibility — confirm which specific requirements apply to your organization with a compliance professional rather than assuming.
Is accessibility only about screen readers?
No. It also covers keyboard-only navigation, color contrast for low vision, captions for deaf and hard-of-hearing users, and clear, simple structure that benefits users with cognitive disabilities — screen reader support is one part of a broader picture.
Does making my website accessible help or hurt SEO?
It generally helps. Descriptive alt text, clear heading structure, and readable text all overlap directly with what search engines use to understand and rank a page.
How do I know if my current website is accessible?
Start with a manual check: try navigating with only your keyboard, check text contrast against your background colors, and confirm images have meaningful alt text. If multiple issues turn up, a professional accessibility review is the next step.
Is accessibility a one-time fix or an ongoing responsibility?
Ongoing. Every new page, image, and form added to the site needs the same basics applied — accessibility isn’t something you fix once and forget, similar to how a site needs continued maintenance after launch.