Designing for web accessibility
Make sure anyone can enjoy the beauty of your designs. Explore UI and interaction design principles that contribute to creating barrier-free experiences on the web.
Introduction
Introduction to accessible colour
What is contrast?
Using a contrast checker
Colour contrast exemptions
WCAG contrast requirements
UI components and colour
Check your contrast knowledge
Contrast is contextual
Secondary indicators
Knowledge Check: Colour
Introduction to customisable UI
Reflow
Reflow activity
Reflow exceptions
High contrast
Real text
Orientation
Knowledge Check: Customisable UI
Introduction to information design
Page titles
Using headings
Headings and structure
Heading structure reviewed
Data tables
Knowledge Check: Information design
Introduction to visual design
Which is easiest?
Text style and font
Proximity
Layout
Touch targets
Knowledge Check: Visual design
Introduction to navigation
Multiple ways
Site navigation tools
Skip links
Page navigation
Accessible links
Signposting links
Link behaviour
Knowledge Check: Navigation