Accordion
O componente Accordion é uma lista de títulos que expande e contrai, exibindo ou escondendo os conteúdos relacionados.
Ele pode ser utilizado para organizar um grande volume de informações em blocos menores, retráteis e revelando o conteúdo quando há uma interação com ele. Caso exista a possibilidade de o conteúdo a ser exibido na área colapsável ser muito extenso, indique uma altura máxima para uma melhor experiência de uso.
Por ocultar o conteúdo, a utilização do Accordion precisa ser feita com cautela, pois aumenta a carga cognitiva, tendo a necessidade de um clique a mais. Se a pessoa precisa ter acesso rápido às informações, considere aplicá-las direto na página, sem utilizar o Accordion.
Conteúdo
Por padrão, todo Accordion tem um título principal, que deve ser o mais sucinto possível, mas ainda assim claro o suficiente para contextualizar o conteúdo relacionado.
O conteúdo que é apresentado no corpo do Accordion deve trazer o aprofundamento da informação do título principal. Esse conteúdo é optativo, ou seja, a pessoa escolhe se deseja abrir para ler ou não.