pattern-library 1 linked patterns 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.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- 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. | USWDS documents accordion sections that hide and reveal related content, including multiselectable behavior and accessibility testing. |
Comparisons supported by this source
- Accordion vs tabs vs side navigation vs filter panel
USWDS documents accordion variants and accessibility-tested show-hide section behavior.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: U.S. Web Design System. Last checked: .