Accordion

Also known as

Collapsible panel, Concertina, Expansion panel

Accordion displays a panel that the user can expand or collapse to show or hide content and control the complexity of a given view.

KeyFunction
Tab
  • If focus is above the accordion group, Tab moves focus to the first accordion item in the group. Then, each press moves to the next accordion item.
Shift + Tab
  • If focus is below the accordion group, this action moves focus to the last accordion item in the group. Then, each press moves focus to the previous accordion item in the group.
Enter / Space
  • Accordions are in the collapsed state by default. This action expands, or collapses, accordions.