Accordion

When is it bad practice to use an accordion control?

When is it bad practice to use an accordion control?
  1. When not to use accordions?
  2. Where do we use accordion?
  3. What is the advantage of an accordion on a website?
  4. What does accordion style mean?

When not to use accordions?

Forcing people to click on headings one at a time to display full content can be cumbersome, especially if there are many topics on the list that individuals care about. If people need to open the majority of subtopics to have their questions answered or to get the full story then an accordion is not the way to go.

Where do we use accordion?

When readers only need a few key pieces of information: If readers only need some information on a page, then an accordion can help them more easily and efficiently find the information they're looking for. FAQ pages often use an accordion because many readers are coming to find an answer to one or two questions only.

What is the advantage of an accordion on a website?

In theory, it is a useful way to present content. By allowing people to control what content they see and what remains hidden, the information feels less overwhelming. There are other advantages to applying accordions to long, content-rich pages: Collapsing the page minimizes scrolling.

What does accordion style mean?

Share this article: An accordion is a design element that expands in place to expose some hidden information. Unlike overlays, accordions push the page content down instead of being superposed on top of page content.

Carousel accessibility best practices
Best PracticeProvide a pause button and do NOT use autoplay (this can cause seizures).All slideshow/carousel navigation and pause/play buttons must be...
When/how to use skeleton loaders
Why use skeleton loaders?What is skeleton loader in angular?What is skeleton view? Why use skeleton loaders?They let the user know that some content...
Alert colour for system errors
What color should error messages be?What are error colors?Why do we need alerts? What color should error messages be?As usual, the red color is used...