My learning 0 of 20 lessons complete
Start lesson 1 →
spec 1 linked patterns 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.

Read with a purpose

What this source can teach

Use this source to check a technical or accessibility requirement against its exact wording and scope.

  1. Start with the original. Open the source and find the guidance or example relevant to your task.
  2. Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
  3. Check the setting. Compare the source's platform, people, and constraints with your own decision.

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. Its value comes from the specific claims and setting described above.

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

Saved items