Comportement général
La Card Nav est un composant de navigation servant exclusivement à rediriger vers une autre page ou section. Elle structure les parcours utilisateur.
- Toujours indiquer l’action : au minimum un chevron ou un bouton
- Il est possible de personnalisés pour permettre une présentation flexible :
- Verticale (slot image en haut ou en bas)
- Horizontale (slot image à gauche ou à droite)
Une version en Liste est à privilégié afin d’optimiser l'espace et d’améliorer la lisibilité lorsque le nombre de liens devient trop important pour être présenté dans des cartes simples. Cela peu aussi permettre d’améliorer la lecture en regroupant dans une même “catégorie“ plusieurs informations. Ce format convient particulièrement aux pages de navigation intermédiaire, aux pages d'index ou aux sections à forte densité de contenu.
📌 Important : Contrairement à la Card Content, la Card Lien doit toujours contenir une indication d’action (chevron ou bouton).
✅ Usage correct :
- Composant cliquable dans son ensemble
- Intégrer un titre clair, un chevron ou un bouton
- Utiliser un slot image pour donner du contexte visuel
- Choisir un format vertical (image en haut) ou horizontal (image à gauche/droite) en fonction du contexte
🚫 Usage incorrect :
- Ne pas inclure d’indication d’action (chevron ou bouton)
- Mettre trop de texte ou d’éléments éditoriaux
- Utiliser sans objectif de redirection explicite
- Afficher trop de carte “simple” au lieu d’utiliser la version en liste
Localisation :
À utiliser dans :
- Les pages d’accueil
- Les pages de navigation intermédiaires (ex : listes d'articles, catégories ou ressources)
- Les sections proposant plusieurs chemins vers du contenu complémentaire
- Les pages d’index ou sections de ressources avec plusieurs redirections vers différents contenus
- Les pages de services ou répertoires où chaque élément mène à une page spécifique