Web Accessibility: Serve the 20% of Users You're Quietly Losing
When business owners hear "accessibility," the first reaction is often: "Our customers aren't disabled — surely we can skip this?" That's the biggest misconception about accessibility. Elderly users with declining vision, delivery riders squinting at phones in direct sunlight, parents browsing one-handed while holding a baby, power users who live on the keyboard — add up these situations and the number of users affected by accessibility quality is far larger than you'd imagine. The 20% in the title aren't charity cases; they're customers you're quietly losing.
We treat accessibility as part of engineering professionalism, for a pragmatic reason: sites with good accessibility usually have cleaner structure, better SEO, and are easier for everyone to use. This article explains what accessibility actually involves and where small and mid-sized sites should start.
What Problem Accessibility Solves
The international standard for web accessibility (abbreviated a11y in the industry) is WCAG, and its core principle is making content "perceivable, operable, understandable, and robust." Concretely, that maps to real situations:
- Low vision and color blindness: needs sufficient text contrast and scalable font sizes.
- Blind users: browse via screen readers (software that reads the page aloud), which require correct heading structure and image alt text.
- Motor impairments: may be unable to operate a mouse precisely, relying on keyboards or assistive devices — every function must be completable by keyboard.
- Situational impairments: a screen in bright sunlight, a muted video in a noisy room, an injury that leaves only one working hand — everyone has moments of "temporary disability."
Accessibility isn't an extra feature for the few — it's the fundamentals done right for everyone. It doesn't measure compassion; it measures professionalism.
The Six Highest-ROI Fixes
Don't chase a perfect certification score on day one. Do these six things first and you'll solve most of the problems:
- Contrast: light gray text on white looks "refined," but many people simply can't read it. WCAG recommends a contrast ratio of at least 4.5:1 for body text, verifiable in seconds with a free contrast checker. A designer's aesthetics and readability can coexist — provided you make readability a requirement.
- Image alt text: screen readers rely on alt to describe images. Product images should carry the product name and features; purely decorative images get empty alt so the reader skips them. Incidentally, this is also basic image SEO.
- Heading hierarchy: h1 through h3 are the document's skeleton, not shortcuts for font size. Screen-reader users navigate by jumping between headings — a scrambled hierarchy is like tearing out the table of contents.
- Keyboard operation: put down the mouse and Tab through your entire site — can you reach every link, button, and form? Is the focus outline visible? Can popups be closed? This five-minute self-test uncovers a remarkable number of problems.
- Form labels: every field needs an explicit label, and error messages must say what's wrong and how to fix it. A bare "Invalid input" is torture for everyone.
- Link text: "Click here" and "More" are meaningless noise to screen-reader users — link text should describe its destination on its own.
Where Accessibility Meets Business
Accessibility isn't only about better experience — it intersects with business metrics in concrete ways. First, search engines read web pages much the way screen readers do — both rely on structured HTML to understand content. A site with correct heading hierarchy, alt text, and semantically clear links is inherently SEO-friendly. Second, contrast, tap-target sizes, and form clarity are also the core of mobile experience — most of the items in our mobile experience checklist are essentially the same list as an accessibility audit. Third, government and large-enterprise procurement increasingly lists accessibility as an acceptance criterion — doing it early is buying your entry ticket early.
A Pragmatic Path Starting Today
Our recommended order: first run an automated audit with a free tool like Lighthouse or axe, and clear the obvious technical issues (contrast, alt, labels); then do a keyboard walkthrough and real-device mobile test; finally, make accessibility an acceptance criterion at the design stage of new features, rather than a post-launch patch. Automated tools catch only roughly 30 to 40% of issues — the rest comes from process and awareness.
Accessibility is the kind of fundamental where nobody applauds when you do it, and you quietly bleed users when you don't. Our brand website design and development service treats contrast, keyboard operation, and semantic structure as default standards, not add-ons — because that's simply what professional work should look like.
We solve these problems on our own products every day
Free 30-min discovery call · No hard sell · Reply within one business day
Keep Reading