Mental model

Accessibility (A11y)

Designing digital products and environments so everyone can use them, regardless of ability or circumstance.

Discover

Which step comes FIRST when building a website that works for everyone?

Put the steps in order from first to last

See why starting with accessibility matters for everyone.

Understand

Understand

Accessibility means designing products, websites, and environments so that people with disabilities can use them effectively. Planning accessibility from the start—like adding a ramp during building construction rather than as an expensive retrofit—prevents barriers before they exist and benefits everyone, not just those with permanent disabilities. Check this: Try navigating your favorite website using only your keyboard to see if all features work without a mouse.

Full explanation

Full explanation

How Accessibility Works

Accessibility (abbreviated as A11y—'a' plus 11 letters plus 'y') is about removing barriers that prevent people with disabilities from using digital products, physical spaces, and services. It's built on four core principles called POUR: content must be Perceivable (users can perceive it), Operable (users can interact with it), Understandable (users can comprehend it), and Robust (it works with assistive technologies) [3].

Real-World Applications

Digital Accessibility: When a website includes alternative text for images, people who are blind can use screen readers to understand visual content. When videos have captions, people who are deaf or hard of hearing can follow along—and so can anyone watching in a noisy environment or without sound on. Keyboard navigation means someone with motor impairments can navigate without a mouse, but it also helps power users who prefer keyboard shortcuts.

Physical Accessibility: Curb cuts (ramps in sidewalks) were originally designed for wheelchair users, but they also help parents with strollers, travelers with rolling luggage, and delivery workers. This phenomenon—called the curb cut effect—shows how accessibility features often benefit everyone, not just their intended audience [3].

Situational Benefits: Accessibility helps people with temporary disabilities (a broken arm), situational limitations (bright sunlight making screens hard to see), and changing abilities due to aging. About 16% of the global population—1.3 billion people—experience significant disability, and this number grows as populations age [1].

Why It Matters for Everyone

Accessibility isn't just compliance or charity—it's good design that drives innovation. Features originally designed for disabilities, like text-to-speech, voice controls, and predictive text, are now used by everyone. Legal frameworks like the Americans with Disabilities Act (ADA) and Convention on the Rights of Persons with Disabilities (CRPD) recognize digital access as a human right [4]. Businesses benefit too: the global disability market controls an estimated $6.9 trillion in annual disposable income [2].

Research

Research

Accessibility is grounded in the social model of disability, which identifies disability as caused by barriers in society rather than individual limitations. This model shifts focus from 'fixing' people to removing systemic barriers through inclusive design. Web Content Accessibility Guidelines (WCAG), developed by the W3C, provide the international standard organized under four principles: Perceivable, Operable, Understandable, and Robust (POUR) [3].

  • World Health Organization (2023): An estimated 1.3 billion people—16% of the global population—experience significant disability, with this number increasing due to aging populations and rising chronic health conditions [1].
  • W3C Web Accessibility Initiative (2024): Digital accessibility benefits people without disabilities through mobile devices, smart TVs, aging-related changes, temporary impairments, and situational limitations like bright sunlight or noisy environments [3].
  • United Nations (2006): The Convention on the Rights of Persons with Disabilities establishes access to information and communication technologies, including the Web, as a fundamental human right ratified by over 175 countries [4].
  • W3C Business Case (n.d.): The global disability market represents nearly $7 trillion in discretionary spending, with accessibility driving innovation, brand enhancement, market expansion, and legal risk reduction [2].

Limitations

Limitations

Accessibility standards focus primarily on common disability categories but may not address every individual's unique needs. Compliance with guidelines like WCAG doesn't guarantee usability—testing with real users with disabilities is essential. Some accessibility solutions conflict (e.g., high contrast preferences vs. reduced visual sensitivity). Legal requirements vary globally, creating complexity for international organizations. There's also ongoing debate about balancing automation (testing tools) with human evaluation, as no tool can fully assess real-world accessibility experiences.

Try it

Synthesize

Choose a pattern from the guide, then pick an action to try with it.

Which pattern stands out?

What will you try?

Choose a pattern above to select an action.

Sources

Sources

Try it

Check your understanding

A website designer plans to add accessibility features after completing the entire site. What's the most likely outcome?

Show the guide's explanation

Answer: Expensive retrofits and potential barriers that could have been prevented

Planning accessibility from the start is more efficient and effective than retrofitting. The curb cut effect shows that building accessibility in early prevents barriers and often benefits everyone, not just those with disabilities. Adding accessibility later is like adding a ramp after a building is finished—technically possible but far more expensive and complex.

Which example best demonstrates the POUR principle of 'Perceivable' in web accessibility?

Show the guide's explanation

Answer: Images include alternative text that screen readers can announce

The Perceivable principle means users must be able to perceive the information being presented. Alternative text for images ensures people who cannot see the screen can still understand the visual content through assistive technologies. The other options demonstrate Operable (keyboard access), Understandable (error messages), and Robust (cross-browser compatibility) principles.

True or False: Accessibility features only benefit people with permanent disabilities.

Show the guide's explanation

Answer: False

The curb cut effect demonstrates that accessibility benefits everyone. Captions help people in noisy environments, keyboard shortcuts help power users, high contrast helps visibility in bright sunlight, and voice controls benefit anyone with their hands full. About 16% of people globally have disabilities, but everyone experiences situational limitations, temporary impairments, or age-related changes that accessible design addresses.

Keep exploring

Find another idea for the decision in front of you.

The complete Reframo library is free to read. Explore another guide whenever you are ready.

Accessibility (A11y) | Reframo