Le bandeau est un composant affiché sous la navigation principale d’un site. Il occupe toute la largeur de l’écran et présente une information courte et importante.
Usages recommandés et à éviter
Mettre en avant une information importante, contextuelle et temporaire
Ne pas utiliser le bandeau pour des erreurs, avertissements ou alertes systémiques
Limiter le contenu à une phrase concise, centrée sur l’information essentielle
Ne pas rédiger de message long, détaillé, ou comportant plusieurs phrases
Afficher un seul bandeau, représentant l’information prioritaire du moment
Ne pas afficher plusieurs bandeaux simultanément
Localisation
- Positionné juste sous le header
- Toujours en pleine largeur, quelle que soit la taille d’écran.
Comportement général
Apparition
- Le bandeau apparaît automatiquement au chargement de la page, sans déclencheur utilisateur.
Fermeture
- Le bouton de fermeture masque le bandeau.
- Il est recommandé de mémoriser la fermeture pour ne pas le réafficher à l’utilisateur.
Alternatives
Alerte - Alert
Bannière servant à afficher un retour d'information à l'utilisateur concernant une action ou un état.
Mise en avant - Callout
Composant permettant de mettre en avant des champs de texte