pattern-library checked

USWDS: Accordion component

Documents accordions as lists of headers that hide or reveal additional content, with bordered, borderless, multiselectable, and accessibility-tested component behavior.

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. USWDS documents accordion sections that hide and reveal related content, including multiselectable behavior and accessibility testing.

Evidence Role

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

Publisher: U.S. Web Design System. Last checked: .