Design system

Every colour here comes from a token checked against WCAG 2.2 AA in CI, and against AAA in higher-contrast mode.

Mastery scale

Each tier carries a shape, a filled position and a label as well as a colour, so it reads without colour vision. Luminance moves monotonically across the five, so the progression also survives greyscale.

  • Untested
  • Taught, not demonstrated
  • Developing
  • Proficient
  • Exam-ready

Controls

Used to sign in. You can change it later.

Enter a year between 2026 and 2030.

Overlays

One implementation. Both trap focus, close on Escape, restore focus to the control that opened them, and lock the page behind.

Accessibility preferences

Everything defaults to your system setting. The override exists because a shared machine is one where the system setting is not yours to change.

Appearance
Text size
Around 12 percent larger
Around 25 percent larger
Contrast
Stronger borders and darker secondary text
Motion
Removes animation