Lessons

Explore the lessons.

Each lesson is three pages: a normal-looking page you test with the keyboard, a breakdown that explains every barrier at the code level, and a fixed version that works. Pick one and start hunting.

01

Keyboard access

A full product website with five barriers planted across it: a button you cannot reach, a link that goes nowhere, focus you cannot see, an order that jumps around, and a menu that will not open.

02

Forms & labels

Inputs with no labels, error messages nobody can hear, and required fields that lie.

Coming soon
03

Colour & contrast

Text that fades into its background, and state shown by colour alone.

Coming soon