Accessible Component Showcase

A modal dialog that traps focus, returns focus to the trigger on close, and makes the page inert while open.

A menu button with full arrow-key navigation, wrapping behavior, and proper ARIA state management.

Tab panels with roving tabindex — only the active tab is focusable. Hidden panels use the hidden attribute.

An autocomplete combobox using the aria-activedescendant pattern — the listbox itself is never keyboard-focusable.

Disclosure widgets that can be independently toggled. Regions animate height while remaining accessible.