Composant Jahia > Mise en page > Accordéon

Un accordéon est un élément composé d'en-têtes empilés verticalement qui révèlent plus de détails lorsqu'il est déclenché par un clic de souris.

Bonnes pratiques

Le modèle en accordéon est idéal pour décomposer un contenu long ou complexe en morceaux plus petits et plus faciles à lire ou à parcourir. Il est également idéal pour les sites mobiles car il réduit la quantité de défilement qu'un utilisateur doit effectuer pour lire un contenu. Cela permet aux utilisateurs de contrôler ce qu'ils veulent lire et quand, ce qui peut améliorer leur expérience. Le contenu d’un accordéon est caché et est révélé lorsqu’une action d’ouverture est effectuée. Il n’est donc pas recommandé d’y mettre des informations essentielles qui seront de ce fait moins visibles.

Cas d'utilisation

Un accordéon est utilisé en général avec d’autres accordéons et dans le but de mettre des questions-réponses, comme une FAQ. Il est souvent placé dans le bas de la page, au cas où les personnes n’ont pas trouvé les informations dans la page.

Ce composant ne peut contenir que les composants suivants :

• Richtext,
• resources,
• vidéo,
• audio,
• image seule,
• bouton (optionnel)

Il existe une variante sur fond foncé de ce composant qui est utilisée pour constituer le composant Interview. Elle peut être utile pour créer du rythme et du contraste dans une page qui a beaucoup de blanc.

[ Documentation Jahia: retour au sommaire ]