Accordion tem a intenção de ocultar uma grande quantidade de informações sobre um mesmo tema em um pequeno espaço. Por exemplo, quando é necessário ocultar muitas perguntas ou capítulos, dando ao usuário uma visão geral do todo, permitindo que ele escolha o que ler. Assim, nos beneficiamos com um ganho considerável da altura na rolagem da página.

É indicado para redução de rolagem e organização de conteúdo em massa, utilizado de forma unitária ou sequencial. Pode ser utilizado em FAQs, página de produtos e/ou serviços, entre outros.