Accessible UI: keyboards and screen readers
Make an app work without a mouse and with a screen reader: real buttons, labels, a status message, Escape, and focus that lands somewhere useful.
- The skill
- Make an interactive page usable with only a keyboard and with a screen reader.
- You make
- A labelled search, a playlist that announces changes and moves focus, and a settings panel that closes with Escape.
Premium lesson
£7.99 a month or £59 a year. Cancel any time.
Builds on 36 localStorage: an app that remembers. Free to try: Web Foundations and the playground.
Passed
You can now
You have what you need for a project: Five-question quiz game Premium 2 hours
Step 1 of 8
exercise_1.html
You've reached the good stuff.
4 exercises in this lesson, checked as you type. Premium opens every lesson after Foundations, in all four courses.
HTML, CSS and JavaScript