Accessible Expand/Collapse Widgets

Examples of expand/collapse (disclosure) widgets that follow accessible patterns: native button control, aria-expanded, aria-controls, and clearly identified content regions.

Keyboard: Tab to the button, press Enter or Space to toggle. When focus is inside the details, press Escape to close and return focus to the button.