Les onglets et la frise sont deux contenants : chaque onglet et chaque étape porte sa propre pile d'éléments, avec les mêmes formes de base que partout ailleurs.
Les onglets
Plusieurs panneaux, dont un seul se voit à la fois. Le comportement est celui de Joomla : flèches du clavier, rôles ARIA, et repli en accordéon sur un écran étroit.
| Réglage | Ce qu'il fait |
|---|---|
| Titre de l'onglet | Court : il tient dans un bouton. Un onglet sans titre ne sort pas. |
| Le contenu de l'onglet | La pile d'éléments du panneau. |
| Organisation du panneau | Empilé, tout se suit ; Image à droite ou Image à gauche, les images vont d'un côté et le reste de l'autre. Sans image, le partage ne s'applique pas. |
| Ouvert au chargement | Un seul onglet peut l'être. Si aucun n'est choisi, le premier s'ouvre. |
| Sens | Horizontal en pleine largeur, Vertical dans une colonne latérale. |
| Repli en accordéon | Sous la largeur choisie, les onglets redeviennent un accordéon. C'est la réponse aux colonnes étroites, où une rangée d'onglets devient illisible. Jamais désactive le repli. |
La mise en page Onglets et image pose trois onglets avec un titre, un sous-titre, un texte et une image : c'est le plus court chemin pour démarrer.
La frise
Des jalons, dans l'ordre où ils se sont produits. La liste est ordonnée : un lecteur d'écran annonce le nombre d'étapes et leur rang.
| Réglage | Ce qu'il fait |
|---|---|
| Le repère | La date ou le jalon, en texte libre : 2019, Printemps 2021, Aujourd'hui. Pas un sélecteur de date, qui imposerait un jour et un mois que personne ne connaît. |
| Couleur du repère | La pastille et le repère prennent ce ton, utile pour marquer l'étape en cours. Le repère reste écrit : la couleur ne porte jamais l'information seule. |
| Le contenu de l'étape | La pile d'éléments de l'étape : un titre, un texte, une image... |
| Sens de la frise | Verticale, elle descend et accepte des textes longs : c'est la forme qui se lit. Horizontale, elle montre un parcours d'un coup d'œil et demande des textes courts. |
| Pose des étapes | D'un seul côté, la lecture est directe. En alternance, c'est plus décoratif, mais l'œil fait des allers-retours. Sur un écran étroit, l'alternance repasse d'un seul côté. |
À jour pour Opus 1.5.