Accordions

Although accordions can streamline lengthy content pages and reduce scrolling, they compromise content visibility and raise the cost of interaction. On the desktop, reserve the use of accordions for content-rich pages where users won’t need to access information under multiple accordion sections.

While accordions add a visually rich experience, it is not healthy for a content-rich page. Avoid using accordions when:

  1. Users require access to the majority of the content.
  2. The page displays minimal visible content.
  3. The content is intricate, featuring multiple levels.
  4. Effectively chunking the content proves challenging.
  5. Prioritizing an uninterrupted reading flow is essential.