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.

Purchase AUD $297 Purchase USD $193

Course curriculum

1. Introduction
  FREE PREVIEW
1. Introduction to accessible colour
  FREE PREVIEW
2. What is contrast?
  FREE PREVIEW
3. Using a contrast checker
  FREE PREVIEW
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
10 hours of learning
One year of access

Purchase options

Price includes one year of access - renew on demand to continue where you left off.
Contact us for additional currency options.

Purchase AUD $297

Price includes GST.
Purchase USD $193

Price does not incur sales tax.
More options coming soon.

Check out some of our other courses...

Or get access to every course with the All Access Pass.

Designing for web accessibility

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

Purchase options

Purchase AUD $297

Purchase USD $193

More options coming soon.

Check out some of our other courses...

All Access Pass

Designing for mobile accessibility

Testing web accessibility for teams