AthenaHeracles
Roving Focus
A grouped control that takes one tab stop and moves internally by arrow key, with the active tabindex reported live.
Learning value: 5 of 5
Chamber 10
Asclepius
Accessibility in Motion & 3D
Reduced motion, focus management, and canvas semantics that keep immersive work usable.
Making excellence whole. Reduced-motion implementations that do not gut the experience, keyboard and focus order inside complex interactive work, and screen-reader strategy for canvas.
4 entries · 3 run live
Lead exhibit · learning 5/5
- Roving FocusHeraclesA grouped control that takes one tab stop and moves internally by arrow key, with the active tabindex reported live.
- Reduced Motion ContractPenelopeOne honest global switch — system preference plus user override — that every animation layer already reads.
- Field Validation StatesHectorOne field in four designed states, with a live instance whose validation waits until the user has actually said something.
- Focus-Visible ContractPenelopeOne ring treatment for the whole app — never removed, never replaced by colour alone, always :focus-visible.