Skip to content
Lesson 2 of 10advanced11 min read

Accessibility

Accessibility is the practice of designing so that disabled people can use what you build, treated as a baseline requirement rather than an optional enhancement added at the end.

01

Definition

Accessibility is the degree to which a product can be used by people with disabilities — including people who are blind or have low vision, who are deaf or hard of hearing, who have motor impairments, and who have cognitive or neurological differences. In digital work it is most often assessed against the Web Content Accessibility Guidelines, published by the W3C, which organize requirements under four principles: content must be perceivable, operable, understandable and robust. Each requirement is stated as a testable success criterion at one of three conformance levels, A, AA or AAA. Accessibility is distinct from usability in scope but not in kind: an interface that a screen reader cannot announce is not merely less pleasant for that user, it is unusable. It is also distinct from inclusive design, which is the broader method of designing with excluded people rather than designing for a compliance standard.

02

Why It Exists

Roughly one in six people worldwide lives with a significant disability, according to the World Health Organization, and the proportion rises with age. Digital services have absorbed functions — banking, healthcare appointments, benefits applications, travel — that previously had staffed alternatives, so an inaccessible interface now excludes people from necessities rather than conveniences. There is also a legal dimension. The Americans with Disabilities Act, passed in 1990, has been applied by US courts to digital services; the European Accessibility Act sets obligations across EU member states; many governments mandate WCAG conformance for public-sector services. But the durable argument is not legal. Disability is frequently situational and temporary as well as permanent — a broken arm, bright sunlight, a noisy room, a slow connection. Designing for the permanent case reliably improves the temporary ones.

03

Examples

  • Sufficient text contrast: WCAG AA requires a ratio of at least 4.5:1 for normal-size text against its background, and 3:1 for large text.
  • Full keyboard operability, with a visible focus indicator, so that people who cannot use a pointing device can reach and activate every control.
  • Meaningful alternative text on images that convey information, and empty alt attributes on images that are purely decorative.
  • Captions and transcripts for video and audio, which also serve people in sound-off environments and anyone who wants to search the content.
04

History

Physical accessibility shaped the field first. Curb cuts, ramps and accessible restrooms were won largely through disability rights activism rather than professional initiative; the 1977 sit-in at the San Francisco federal building over Section 504 regulations and the campaigning that preceded the Americans with Disabilities Act are part of design history even though few designers tell it that way. Assistive technology developed in parallel: braille, hearing aids, screen readers for early text-based computing. The web's accessibility framework was formalized when the W3C launched the Web Accessibility Initiative in 1997 and published WCAG 1.0 in 1999; WCAG 2.0 followed in 2008 with the technology-agnostic POUR structure still in use, and 2.1 and 2.2 added criteria for mobile, low vision and cognitive needs. More recently, Kat Holmes's work on inclusive design reframed the subject around mismatched interactions rather than deficits in people.

05

In Modern Design

Accessibility work now happens at three layers. At the system layer, components are built once with correct semantics, focus management and announced state, so product teams inherit them. At the design layer, decisions are checked before handoff: contrast, target size, text alternatives, error handling, reading order, and whether meaning is carried by color alone. At the verification layer, automated tools are used alongside manual testing. This split matters because automated checkers catch only a portion of WCAG criteria — they can measure contrast and find missing alt attributes, but cannot judge whether alt text is meaningful, whether focus order is logical, or whether an animation will trigger vestibular symptoms. The most reliable practice remains testing with disabled users and with actual assistive technology. Designers increasingly specify accessibility in the same artifact as visual design: focus states, announced labels and error text sit beside the mockup rather than in a separate document.

06

Real-World Example

The curb cut is the standard illustration of accessibility's broader reach, and it holds up. Ramped sidewalk corners were mandated to let wheelchair users cross streets; they are now used constantly by people with strollers, delivery carts, luggage and bicycles, to the point that the phrase curb-cut effect describes the general pattern. Digital equivalents are easy to find. Captions, required for deaf and hard-of-hearing viewers, are used by large numbers of people watching video without sound in public. Voice control, developed substantially for people with motor impairments, underpins mainstream voice assistants. Text resizing and high-contrast modes serve aging eyes as much as diagnosed low vision. The point is not that accessibility is justified by these side benefits — it is justified on its own terms — but that treating it as a constraint on the core product, rather than a separate build, tends to produce a better product for everyone.

07

Key Principles

  • Accessibility is a baseline requirement, not an enhancement; retrofitting costs more and achieves less than designing for it from the start.
  • Never rely on color alone to convey meaning — pair it with text, shape or position.
  • Everything operable by mouse must be operable by keyboard, with a focus indicator that is clearly visible.
  • Automated testing finds a minority of issues; manual testing and testing with disabled users find the rest.
  • Write for comprehension: plain language, clear error messages, and predictable structure serve cognitive accessibility.
  • Involve disabled people in the process, not only at the point of validation.

Why it matters

Accessibility is where a designer's stated values meet a measurable outcome. Most other claims about user-centered practice are hard to falsify; this one is not. Either the form can be completed with a screen reader or it cannot. That makes it an unusually honest test of how a team actually prioritizes, and it is the reason accessibility is best understood as an ethical obligation rather than a feature request competing for backlog space. There is a professional dimension too. Accessibility knowledge is concrete, durable and portable: semantics, focus, contrast, and language do not churn the way tools and visual trends do. A designer who can specify an accessible pattern and explain why it is built that way carries authority into product conversations that pure visual craft rarely commands.

Then vs Now

Then

Accessibility was treated as a specialist accommodation, handled after the fact and often through a separate, reduced alternative — a text-only version of a website, a side entrance to a building, a phone line for people who could not use the main service.

Now

Accessibility is increasingly specified as a property of the main product, expressed in shared components and tested against public criteria. The separate alternative is now widely regarded as a failure mode rather than a solution.

Try it yourself

Choose a task you complete often online — booking a ticket, paying a bill, changing a setting. First, complete it using only the keyboard. Do not touch the mouse or trackpad. Note every point where you lose track of where focus is, where you cannot reach a control, or where a menu or modal traps you. Second, turn on the screen reader already installed on your device (VoiceOver on macOS and iOS, Narrator on Windows, TalkBack on Android) and attempt the same task with your eyes closed for as long as you can stand it. Write down what was announced at each step and what was not. Most people abandon the task the first time; that reaction is the finding. Finally, pick the single worst moment and write the specific fix — a label, a focus order, an announced error — as you would specify it to an engineer.

Test yourself

5 questions, one at a time

Answers are revealed at the end, so you can think without being nudged.

Sources

  • Web Content Accessibility Guidelines (WCAG) 2.2 (2023) · Institution
  • Mismatch: How Inclusion Shapes Design — Kat Holmes (2018) · Book
  • Americans with Disabilities Act of 1990 (1990) · Primary source