The Accordion Component provides a structured, repeatable way of creating collapsible sections of content. The benefit of this component is that it introduces subheadings that are easy for all users to scan and for users with screen readers to skip down to the desired section. This component also shrinks the overall height of the page, reducing the amount of scrolling necessary to reach a section of the page. This is helpful for mobile users and anyone with cognitive or mobility impairments.
Directory of Topics
Accordions are complex structures with numerous options. We'll keep adding topics here to help explain how best to use them.