Accordions can help make pages more readable my hiding text behind a header. It’s not always best practice to hide text though. Here are some times when it may make sense to use an accordion:
- The topic covered in the accordion is only applicable to a subset of users who might be visiting the page.
- There’s a lot of complex content on the page and it will help users jump around to find the key information they need.
That said, consider avoiding accordions if:
- Users need to open the majority of accordions to have their questions answered or understand the information on the page.
- There’s only a little bit of content in the body or the accordion. Clicks come at a cost, and you should make sure the click is worth it for users. Forcing people to take action (click) to see just a little bit of text can feel cumbersome.
Available on:
- Default template
- Top level page
- Blog posts
- Student stories
Example
Lorem ipsum dolor sit amet, ferri blandit menandri mei in, dicta mundi indoctum an mea.
Accordion Heading
Accordion body example. Lorem ipsum dolor sit amet, ferri blandit menandri mei in, dicta mundi indoctum an mea. Pro in mandamus assentior, molestie probatus convenire mea ne. Ea nec sumo errem. Summo paulo ei pro, moderatius appellantur necessitatibus cu mea, vis suavitate liberavisse ea. Est no laudem quaeque fastidii, ne ludus percipit sed, volutpat petentium sea ad.
An case justo eleifend vel, ne wisi sonet postulant mea. Alienum ocurreret philosophia at mel, postea omittantur concludaturque est at. Ius cu quidam facete. Ei sed stet nibh verterem, ea duo dico urbanitas.
Sea iusto nusquam ad, cum ex erat consequuntur. Ut duo nobis offendit pertinacia, te porro dicat usu. Stet altera praesent id eam. Populo dissentiunt ea mel, paulo clita omnes et has.
Pri dicit quaestio eu, etiam soleat ne nec. Alterum molestie singulis te has, has ad dicant dissentias. Quo te brute comprehensam. In essent percipitur liberavisse usu. Rebum commune postulant usu et.
Decore salutandi principes sit et. Debitis nominati per ex, diam facilisi qui ut, cu qui errem aeterno luptatum. At duis tamquam quaeque nam, agam tacimates maiestatis cu vim. Probatus principes pro ex, his enim graece temporibus ut.
An case justo eleifend vel, ne wisi sonet postulant mea. Alienum ocurreret philosophia at mel, postea omittantur concludaturque est at. Ius cu quidam facete. Ei sed stet nibh verterem, ea duo dico urbanitas.
