Module 11 of 13

Accessibility & Inclusive Design

Lessons

About This Module

Around one in six people lives with some form of disability, and many more face temporary or situational limits, such as a broken arm, bright sunlight or a noisy room. Accessibility means your product works for people with a wide range of abilities, and inclusive design goes further by learning from the people who are most often excluded.

You'll start with the principles of inclusive design, then learn the basics of the Web Content Accessibility Guidelines (WCAG) and how to meet colour contrast requirements. You'll also see how screen readers and keyboard navigation work, so you can design interfaces that behave well for the people who rely on them.

Treat the videos as a reference and come back to them while you design and review your own screens. When you're done, continue on to UX Writing, Handoff & Metrics.

Lessons

5 videos
01

Inclusive Design Principles

How to apply Microsoft's inclusive design methodology to create products and experiences that work for a wider range of people, with case studies.

02

WCAG Crash Course for UI/UX Designers

A fast, beginner-friendly overview of WCAG and what the guidelines mean for designers.

03

WCAG, AA and AAA: Contrast Ratio in UI/UX Explained

How to read contrast ratios and meet WCAG AA and AAA colour contrast requirements in your designs.

04

How Things Work: Screen Readers

A demonstration of how screen readers work for blind and low-vision people, and why it matters for digital accessibility.

05

Test Keyboard Accessibility on Your Website

How to test a site using only the keyboard to check focus states and access to every interactive element.