Accordion

v8.0.0

Accordions help users see only the content they need. Accordions expand and collapse sections of content.

Released

History
View changes
Install
npm i @gold.au/accordion
Tags
Requires
Contributors
  • Nathan Davison avatar picture
  • Dominik Wilkowski avatar picture
  • Alex Page avatar picture
  • Trevor Brennan avatar picture
  • Simon Schwartz avatar picture
  • Julian Fleetwood avatar picture
  • Alexander Sadleir avatar picture
  • Patrick De Young avatar picture
  • Gary Broadbent avatar picture
  • Raj Ghuman avatar picture

Colour impairment

How the accordion is viewed with various colour blindnesses

Example

Grayscale

How the accordion is viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with accordions.

Example

Screen readers

Accordion title [selected expanded tab].

here, [link] is, some accordion content.

Accordion title [collapsed tab].

How the accordions demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback