Accessible Component Showcase
A fully keyboard-accessible component library with proper ARIA semantics. Every widget works with screen readers and keyboard-only navigation.
1. Modal Dialog
Focus-trapped dialog with backdrop dismissal and proper focus restoration.
↑ Tab/Shift+Tab cycle · Esc or backdrop close · Focus returns to trigger
2. Dropdown Menu
Expandable menu with arrow-key navigation and wrapping behavior.
↑↓ navigate · Home/End jump · Enter/Space select · Esc close
3. Tabs
Single-tab-order tablist with arrow-key activation and hidden panels.
←→ switch tabs · Home/End jump · Only active tab in tab order
4. Combobox (Autocomplete)
Text input with filtering listbox and aria-activedescendant highlighting.
↑↓ highlight · Enter select · Esc close & revert · Tab dismisses
5. Accordion / Disclosure
Expandable regions with animated height and independent control.
Enter/Space toggle · Multiple panels may be open simultaneously