Designing for mobile accessibility

Don’t forget accessibility when you’re on the move. Explore UI and interaction design principles that go beyond WCAG to create barrier-free experiences in native apps.

How to buy

This course is available 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 Pass
Bundle
AUD $297 // USD $193
This course pack 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. Alternative presentations
5. High contrast
6. Real text
7. Orientation
8. Knowledge Check: Customisable UI
1. Introduction to information design
2. Using headings
3. Headings and structure
4. Data tables
5. Knowledge Check: Information design
1. Introduction to visual design
2. Text style and font
3. Proximity
4. Layout
5. Touch targets
6. Knowledge Check: Visual design
1. Introduction to navigation
2. App navigation tools
3. Accessible links and buttons
4. Signposting links
5. Link behaviour
6. Knowledge Check: Navigation
1. Introduction to images
2. Image labels
3. Informative images
4. Image labels and context
5. Writing image labels
6. Decorative images
7. Functional images
8. Decorative or informative ?
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. Reduced motion
4. Motion design
5. Knowledge Check: Animation and motion design
1. Introduction to pointers
2. Types of gestures
3. Types of gestures activity
4. Simple gestures
5. Dragging movements
6. Pointer cancellation
7. Knowledge Check: Pointers
1. Introduction to keyboard input
2. Keyboard navigation
3. Keyboard patterns
4. Annotations
5. Focus states
6. Accessible focus indicators
7. 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

This course was co-designed with CommBank.

Visit CommBank home

Designing for mobile accessibility

How to buy

All Access Pass

Accessible Design Pass

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