Accordion

A heading that opens and closes a region of content.

Accessibility

  • The summary is a button in a heading - the level is yours: headingLevel.
  • Closed, the region is visibility: hidden, so its content is out of the tab order and has no name; open, it is a named region.
  • The icon is decoration, hidden from assistive technology; it does not turn under reduced motion.