Playground
Accessible UI components built from scratch, following the WAI-ARIA Authoring Practices.
Accessible Modal Dialog
Opens with Enter or Space, keeps Tab and Shift+Tab inside the dialog, closes on Escape, and returns focus to the button that opened it.
Nothing saved yet.
Accessible Tabs
Arrow keys move between tabs and activate them, Home and End jump to the first and last tab, and Tab moves into the active panel.
A summary of the research question, goals, and current status will appear here.
- Attention Is All You Need (2017)
- WAI-ARIA Authoring Practices Guide
- Internal interview notes
Your working notes and highlights for this workspace will live here.
Accessible Disclosure
A native button toggles the content with Enter or Space. Collapsed content is hidden from the keyboard and screen readers.
- Start with a single, specific research question.
- Record where every finding came from as you go.
- Save useful answers so you can compare them later.