dta.gov.au

The .gov.au means it’s official

Australian government websites always use a .gov.au domain. Before sharing sensitive information online, make sure you’re on a .gov.au site by inspecting your browser’s address (or 'location') bar.

This site is secure.

The https:// ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.

Accordion

v7.0.8

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

Released

History
View changes
Install
npm i @gov.au/accordion
Tags
Requires
Contributors
  • Simon Schwartz avatar picture
  • Gary Broadbent avatar picture
  • Julian Fleetwood avatar picture
  • Nathan Davison avatar picture
  • Alexander Sadleir avatar picture
  • Dominik Wilkowski avatar picture
  • Raj Ghuman avatar picture
  • Alex Page avatar picture
  • Trevor Brennan avatar picture
  • Patrick De Young 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.