Comparaison comportementale
Bannière d'annonce vs Alerte dans le contexte
Différence décisive
La Bannière d’annonce signale une condition globale en haut de la page ; l’Alerte dans le contexte se place à côté de la tâche ou du champ qu’elle concerne.
Critères de choix, liens et sources
- Bannière d'annonceChoisis Bannière d’annonce si le message concerne toute la page ou la session, comme une maintenance planifiée.Ouvrir la fiche Bannière d'annonce
- Alerte dans le contexteChoisis Alerte dans le contexte si le message explique un problème dans un formulaire, un champ ou un envoi, là où il s’est produit.Ouvrir la fiche Alerte dans le contexte
Voir les neuf dimensionsVoir les sources
Informer l'utilisateur
Essayer
Le message est-il temporaire, persistant dans son contexte ou global à la page ?
Bannière d'annonce
Contexte commun aux essais
Un espace de travail signale un changement d'état et doit placer le message selon sa portée, son urgence et sa persistance.
Bannière d'annonce
Mission
Bannière d'annonce - Banner
Lire l'annonce, ouvrir les détails du service, puis naviguer vers un autre projet et vérifier que la condition reste visible.
Maintenance planifiée dimanche de 08 h à 09 h. Les brouillons locaux resteront disponibles.
Voir les détailsProjet Alpha
Ton espace de travail reste disponible.
Projet Bêta
Ton espace de travail reste disponible.
Détails de maintenance
La lecture reste disponible pendant l'intervention.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- La large section nommée apparaît avant le contenu principal avec l'heure de maintenance et un lien de détails.
- Cas limite
- Sur une largeur étroite, le message revient à la ligne sans couvrir la navigation, et le lien de détails reste facilement utilisable au toucher.
Alerte dans le contexte
Mission
Alerte contextuelle - Inline alert
Déclencher l'échec, lire la raison, utiliser l'action de correction et vérifier que le message reste jusqu'au choix d'un fichier valide.
Taille maximale : 1 Mo.
Étape 1 sur 3
Essayer
Manipule le composant. Le résultat de ton essai apparaît juste au-dessus. Avance à ton rythme.
Comportement et cas limite
- À observer
- L'alerte visible nomme le fichier, explique la limite de taille et propose Choisir un autre fichier.
- Cas limite
- Si l'erreur se trouve déjà dans la région d'envoi focalisée, elle n'est pas annoncée une seconde fois comme alerte assertive.
Ce que cet essai montre
Banner couvre une condition globale de page ; Inline alert appartient à une tâche précise, tandis que Toast est une mise à jour temporaire.
Lequel convient à ton besoin ?
Bannière d'annonce
Annoncer une maintenance affectant la page
Alerte dans le contexte
Expliquer un échec de formulaire ou d'envoi dans son contexte
Différence et sources
Banner couvre une condition globale de page ; Inline alert appartient à une tâche précise, tandis que Toast est une mise à jour temporaire.
Consulter les sourcesParties du spécimen
Sélectionne un repère numéroté sur le schéma, ou utilise la liste ci-dessous, pour afficher son rôle. Le schéma montre l'état représentatif du concept.
Surface
Le conteneur visible qui accueille le contenu du composant.
Décision
Question de famille
Le message est-il temporaire, persistant dans son contexte ou global à la page ?
Trois critères pour choisir
- Cas d’usage
Bannière d'annonce
Annoncer une maintenance affectant la page
Alerte dans le contexte
Expliquer un échec de formulaire ou d'envoi dans son contexte
- Positionnement
Bannière d'annonce
S’étend en haut de la page ou du contenu applicatif dans le flux du document.
Alerte dans le contexte
Dans le formulaire ou la section concernée, près de la source du problème.
- Fermeture
Bannière d'annonce
Un contrôle fermer existe seulement pour les avis non critiques, et la mémorisation expire si le message change vraiment.
Alerte dans le contexte
Il reste jusqu'à résolution ; un contrôle fermer existe seulement si masquer le message ne cache pas un risque non résolu.
Neuf dimensions
- Déclenchement
Bannière d'annonce
Une condition à l’échelle de la page ou du produit rend l’annonce pertinente.
Alerte dans le contexte
Une condition de validation ou du système liée à une section précise crée le message.
- Modalité
Bannière d'annonce
Région persistante non modale ; le reste de la page reste utilisable.
Alerte dans le contexte
Message persistant non modal dans le contexte concerné.
- Positionnement
Bannière d'annonce
S’étend en haut de la page ou du contenu applicatif dans le flux du document.
Alerte dans le contexte
Dans le formulaire ou la section concernée, près de la source du problème.
- Interactivité
Bannière d'annonce
Peut contenir une action globale ou une fermeture sans devenir une surface de tâche.
Alerte dans le contexte
Peut inclure des liens ou actions de récupération et reste disponible jusqu’à résolution ou fermeture explicite.
- Focus
Bannière d'annonce
La bannière apparaît avant le contenu principal sans voler le focus ; ses liens reçoivent le même focus visible que la page.
Alerte dans le contexte
Le message ne vole pas le focus pour les mises à jour courantes ; un échec d'envoi peut focaliser volontairement un résumé ou le premier contrôle invalide.
- Fermeture
Bannière d'annonce
Un contrôle fermer existe seulement pour les avis non critiques, et la mémorisation expire si le message change vraiment.
Alerte dans le contexte
Il reste jusqu'à résolution ; un contrôle fermer existe seulement si masquer le message ne cache pas un risque non résolu.
- Rôle accessible
Bannière d'annonce
section | aside
Alerte dans le contexte
status | alert | none
- Cas d’usage
Bannière d'annonce
Annoncer une maintenance affectant la page
Alerte dans le contexte
Expliquer un échec de formulaire ou d'envoi dans son contexte
- Comportement mobile
Bannière d'annonce
Permettre au texte et aux actions de revenir à la ligne sans couvrir la navigation ni le premier titre.
Alerte dans le contexte
Utiliser la largeur du conteneur près du contenu concerné plutôt que de flotter au-dessus.
| Dimension | Bannière d'annonceBanner | Alerte dans le contexteInline alert |
|---|---|---|
| Déclenchement | Une condition à l’échelle de la page ou du produit rend l’annonce pertinente. | Une condition de validation ou du système liée à une section précise crée le message. |
| Modalité | Région persistante non modale ; le reste de la page reste utilisable. | Message persistant non modal dans le contexte concerné. |
| Positionnement | S’étend en haut de la page ou du contenu applicatif dans le flux du document. | Dans le formulaire ou la section concernée, près de la source du problème. |
| Interactivité | Peut contenir une action globale ou une fermeture sans devenir une surface de tâche. | Peut inclure des liens ou actions de récupération et reste disponible jusqu’à résolution ou fermeture explicite. |
| Focus | La bannière apparaît avant le contenu principal sans voler le focus ; ses liens reçoivent le même focus visible que la page. | Le message ne vole pas le focus pour les mises à jour courantes ; un échec d'envoi peut focaliser volontairement un résumé ou le premier contrôle invalide. |
| Fermeture | Un contrôle fermer existe seulement pour les avis non critiques, et la mémorisation expire si le message change vraiment. | Il reste jusqu'à résolution ; un contrôle fermer existe seulement si masquer le message ne cache pas un risque non résolu. |
| Rôle accessible | section | aside | status | alert | none |
| Cas d’usage | Annoncer une maintenance affectant la page | Expliquer un échec de formulaire ou d'envoi dans son contexte |
| Comportement mobile | Permettre au texte et aux actions de revenir à la ligne sans couvrir la navigation ni le premier titre. | Utiliser la largeur du conteneur près du contenu concerné plutôt que de flotter au-dessus. |