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
- [1] Disability and HealthWorld Health Organization - 2023
- [2] The Business Case for Digital AccessibilityW3C Web Accessibility Initiative - 2024
- [3] Introduction to Web AccessibilityW3C Web Accessibility Initiative - 2024
- [4] Convention on the Rights of Persons with DisabilitiesUnited Nations - 2006
- [5] Introduction to Web AccessibilityW3C Web Accessibility Initiative - 2024
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.