You are viewing a free preview of this lesson.
Subscribe to unlock all 10 lessons in this course and every other course on LearningBro.
Accessibility ensures that digital products can be used by people of all abilities, including those with visual, auditory, motor, and cognitive disabilities. Inclusive design goes further — it is a methodology that considers the full range of human diversity from the outset, creating products that work better for everyone.
Key Insight: Accessibility is not a feature. It is a fundamental quality of good design.
| Category | Examples | Impact on Digital Use |
|---|---|---|
| Visual | Blindness, low vision, colour blindness | Cannot see content; relies on screen readers, magnification, high contrast |
| Auditory | Deafness, hard of hearing | Cannot hear audio content; relies on captions, transcripts |
| Motor | Paralysis, tremor, limited dexterity, RSI | Cannot use a mouse; relies on keyboard, switch devices, voice control |
| Cognitive | Dyslexia, ADHD, autism, memory impairment | Difficulty with complex layouts, long text, inconsistent navigation |
| Speech | Stuttering, non-verbal conditions | Cannot use voice interfaces; needs alternative input methods |
| Temporary | Broken arm, ear infection, concussion | Temporary impairment requiring the same accommodations |
| Situational | Bright sunlight, noisy environment, holding a baby | Context-based limitations that affect anyone |
WCAG is the international standard for web accessibility, maintained by the W3C. It is organised around four principles known as POUR:
| Principle | Description | Example |
|---|---|---|
| Perceivable | Information must be presentable in ways all users can perceive | Provide alt text for images, captions for videos |
| Operable | Interface must be navigable and usable by all input methods | Ensure full keyboard navigation, no time limits |
| Understandable | Content and interface must be clear and predictable | Use plain language, consistent navigation, clear error messages |
| Robust | Content must work with current and future assistive technologies | Use semantic HTML, valid markup, ARIA when needed |
| Level | Description | Target |
|---|---|---|
| A | Minimum accessibility — addresses the most critical barriers | Absolute minimum for any public website |
| AA | Addresses the most common barriers for the widest range of users | Required by most laws and recommended as the standard target |
| AAA | Highest level of accessibility — not always achievable for all content | Aspiration for critical services (government, healthcare) |
| Requirement | WCAG Criterion | Implementation |
|---|---|---|
| Alt text for images | 1.1.1 Non-text Content | Descriptive alt attribute for informative images; empty alt for decorative |
| Captions for video | 1.2.2 Captions (Prerecorded) | Synchronised captions for all video with audio |
| Audio descriptions | 1.2.5 Audio Description | Describe visual content for blind users |
| Transcripts | 1.2.1 Audio-only and Video-only | Full text transcript for audio and video content |
| Requirement | WCAG Criterion | Standard |
|---|---|---|
| Text contrast | 1.4.3 Contrast (Minimum) | 4.5:1 for normal text, 3:1 for large text (AA) |
| Enhanced contrast | 1.4.6 Contrast (Enhanced) | 7:1 for normal text, 4.5:1 for large text (AAA) |
| Non-text contrast | 1.4.11 Non-text Contrast | 3:1 for UI components and graphical objects |
| Do not rely on colour alone | 1.4.1 Use of Colour | Combine colour with text labels, icons, or patterns |
Subscribe to continue reading
Get full access to this lesson and all 10 lessons in this course.