spec checked

WAI-ARIA APG: Accordion Pattern

Documents accordion headers as buttons inside headings, expanded state, controlled panels, optional region landmarks, Enter or Space activation, and optional arrow, Home, and End navigation.

Open source

Pattern Decisions This Source Supports

Pattern Supported decision Required contract Claim note
Accordion Choose accordion when multiple related page sections can be independently shown or hidden without changing route, page context, or selected mode. Activating a section header toggles only the panel it owns unless the component is explicitly single-open. APG documents accordion header button, heading, expanded state, controlled panel, optional region, and keyboard interaction expectations.

Evidence Role

This source is treated as spec evidence. Use it to validate the decision rules above, not as a visual style reference.

Publisher: W3C WAI-ARIA Authoring Practices. Last checked: .