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.
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.
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.
Inputs with no labels, error messages nobody can hear, and required fields that lie.
Coming soonText that fades into its background, and state shown by colour alone.
Coming soon