Designing for web accessibility

Make sure anyone can enjoy the beauty of your designs. Explore UI and interaction design principles that go beyond WCAG to create barrier-free experiences on the web.

How to buy

This course is available for purchase in the following passes:

All Access Pass
Bundle
AUD $385 // USD $250
Access all courses on Intopia learn, including automatic access to any new courses.
Accessible Design Bundle
Bundle
AUD $297 // USD $193
This course bundle takes you through the accessibility of good design from start to finish. Learn to create inclusive experiences for web and mobile, and test your designs to make sure they're usable by all.

Course curriculum

1. Introduction
1. Introduction to accessible colour
2. What is contrast?
3. Using a contrast checker
4. Colour contrast exemptions
5. WCAG contrast requirements
6. UI components and colour
7. Check your contrast knowledge
8. Contrast is contextual
9. Secondary indicators
10. Knowledge Check: Colour
1. Introduction to customisable UI
2. Reflow
3. Reflow activity
4. Reflow exceptions
5. High contrast
6. Real text
7. Orientation
8. Knowledge Check: Customisable UI
1. Introduction to information design
2. Page titles
3. Using headings
4. Headings and structure
5. Heading structure reviewed
6. Data tables
7. Knowledge Check: Information design
1. Introduction to visual design
2. Which is easiest?
3. Text style and font
4. Proximity
5. Layout
6. Touch targets
7. Knowledge Check: Visual design
1. Introduction to navigation
2. Multiple ways
3. Site navigation tools
4. Skip links
5. Page navigation
6. Accessible links
7. Signposting links
8. Link behaviour
9. Knowledge Check: Navigation
1. Introduction to images
2. Alt text
3. Informative images
4. Alt text and context
5. Tips for writing alt text
6. Decorative images
7. Decorative or informative ?
8. Functional images
9. Complex images
10. Knowledge Check: Images
1. Introduction to media alternatives
2. Captions
3. Transcripts
4. Audio description
5. Sign language
6. Summary: WCAG and media alternatives
7. Knowledge Check: Media alternatives
1. Introduction to UI animation
2. Types of animation
3. Prefers-reduced-motion
4. Motion design
5. Knowledge Check: Animation and motion design
1. Introduction to pointers
2. On hover or focus
3. Dismissible, hoverable, persistent
4. Types of gestures
5. Types of gestures activity
6. Simple gestures
7. Dragging movements
8. Pointer cancellation
9. Knowledge Check: Pointers
1. Introduction to keyboard input
2. Keyboard navigation
3. Keyboard patterns
4. Annotations
5. Focus states
6. Accessible focus indicators
7. Focus order
8. Focus management
9. Knowledge Check: Keyboard and focus
1. Introduction to accessible forms
2. Labels
3. Legends
4. Instructions
5. Error prevention
6. Writing error messages
7. Error message patterns
8. Knowledge Check: Forms
1. Introduction to timed events
2. Timing adjustable
3. Designing timeouts
4. Knowledge Check: Timing

About this course

Read, watch, and do
8 hours of learning
One year of access

Designing for web accessibility

How to buy

All Access Pass

Accessible Design Bundle

Course curriculum

Introduction

1. Colour

2. Customisable UI

3. Information design

4. Visual design

5. Navigation

6. Images

7. Media alternatives

8. UI animation

9. Pointers

10. Keyboard and focus

11. Forms

12. Timing

About this course