Udacity A11y Course TOC
Lesson 01: Overview
Experiencing a screen reader:
Exercise
Lesson 02: Focus
Experiencing Focus:
Solution
Focusable elements in wrong DOM order:
Problem
|
Solution
Offscreen content:
Problem
|
Solution
Radio Group:
Problem
|
Solution
Modals and keyboard traps:
Problem
|
Solution
Manage focus yourself:
Problem
|
Solution
Lesson 03: Semantics, Built-in
Exercise 02: Introducing ChromeVox lite
Exercise 03: ChromeVox lite with unfamiliar form
Exercise 05: Writing semantic HTML
Node 17:
Text alternatives
Exercise 06: Labelling input elements:
(ChromeVox Lite version)
|
(Vanilla version)
| Solution 1:
(ChromeVox Lite version)
|
(Vanilla version)
| Solution 2:
(ChromeVox Lite version)
|
(Vanilla version)
|
Lesson 04: Semantics: navigating content
Exercise 01: Navigating by headings
Exercise 03: Link text
|
Solution
Exercise 04: Landmarks
Lesson 05: Semantics: ARIA
Video 02: Checkboxes
Exercise: Checkboxes
Problem
|
Solution
Exercise: Radio group
Problem
|
Solution
Exercise: Combobox
Problem
|
Solution
Exercise: Dialog
Problem
|
Solution
Lesson 06: Styling
Focus styles:
Problem
|
Solution
Style ARIA states:
Problem
|
Solution
Contrast Audit:
Problem
|
Solution
Mobile Screenreader:
Example