Accessibility
The practice of designing products, services, and environments that can be used by people with the widest range of abilities, including those with disabilities.
Also known as: a11y, Web Accessibility, Digital Accessibility, Inclusive Design
Category: Principles
Tags: user-experience, design, inclusion, usability, web-development
Explanation
Accessibility (often abbreviated as a11y) ensures that products and services are usable by everyone, including people with visual, auditory, motor, or cognitive disabilities. Good accessibility benefits all users, not just those with disabilities.
**Types of Disabilities to Consider**:
- **Visual**: Blindness, low vision, color blindness
- **Auditory**: Deafness, hard of hearing
- **Motor**: Limited fine motor control, tremors, paralysis
- **Cognitive**: Learning disabilities, attention disorders, memory issues
- **Temporary**: Broken arm, situational (bright sunlight, noisy environment)
**Web Content Accessibility Guidelines (WCAG)**:
The four principles (POUR):
**1. Perceivable**: Information must be presentable in ways users can perceive
- Text alternatives for images
- Captions for videos
- Sufficient color contrast
- Resizable text
**2. Operable**: Interface components must be operable
- Keyboard navigation
- Sufficient time to interact
- No seizure-inducing content
- Clear navigation
**3. Understandable**: Information and operation must be understandable
- Readable text
- Predictable behavior
- Input assistance
- Error prevention
**4. Robust**: Content must be robust enough for assistive technologies
- Valid HTML
- ARIA labels
- Compatible with screen readers
**Common Accessibility Features**:
- Alt text for images
- Keyboard navigation
- Skip links
- ARIA labels and roles
- Focus indicators
- Sufficient color contrast (4.5:1 for normal text)
- Captions and transcripts
- Scalable text
- Clear error messages
**Why Accessibility Matters**:
- **Legal**: Many countries require accessibility (ADA, EU Accessibility Act)
- **Business**: Expands potential audience (15%+ of population has disabilities)
- **SEO**: Many accessibility practices improve search ranking
- **Usability**: Benefits everyone (curb cuts, closed captions)
**Testing Accessibility**:
- Automated tools (Lighthouse, axe, WAVE)
- Manual testing (keyboard navigation, screen readers)
- User testing with people who have disabilities
Accessibility isn't an afterthought—it should be built into the design process from the start.
Related Concepts
← Back to all concepts