Components that welcome every interaction.
A deliberately small collection of accessible patterns. Each example is live, keyboard-first, and designed to make correct semantics feel natural.
01 / Modal dialog
A modal announces itself, contains focus, and gives focus back when its work is done.
Tab trap · Esc close · backdrop close03 / Tabs
One active stop in the tab order; arrows move between related views.
Built from semantic ground up
Native buttons, labels and landmarks create a stable base before ARIA enhances a pattern.
Explore disclosure guidanceInteraction is part of the API
Every component documents expected keys, focus movement and how a person exits the experience.
See autocomplete behaviorVersion 2.4 is ready
Improved focus states and motion preferences are now part of every shipped primitive.
Review dialog behavior04 / Combobox
Type to narrow a list. Focus stays in the input while the active option is announced.
05 / Accordion
Independent disclosures let people open the detail they need, in any combination.
Yes. These are disclosures, not exclusive tabs. Expand as many answers as help you compare information.
It does. The height transition is reduced to virtually instant when reduced motion is requested by the operating system.
Each control names its associated region, reports its expanded state, and uses a real button for familiar keyboard support.