Comparaison comportementale
Alerte dans le contexte vs Notification temporaire
Différence décisive
L’Alerte dans le contexte reste affichée à côté du contenu qu’elle explique ; la Notification temporaire apparaît détachée de sa source et peut disparaître seule.
Critères de choix, liens et sources
- Alerte dans le contexteChoisis Alerte dans le contexte si le message doit rester visible tant que le problème n’est pas résolu, comme une erreur de formulaire.Ouvrir la fiche Alerte dans le contexte
- Notification temporaireChoisis Notification temporaire si tu confirmes un résultat à faible risque que l’utilisateur peut ignorer sans conséquence.Ouvrir la fiche Notification temporaire
Voir les neuf dimensionsVoir les sources
Informer l'utilisateur
Essayer
Le message est-il temporaire, persistant dans son contexte ou global à la page ?
Alerte dans le contexte
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.
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.
Notification temporaire
Mission
Notification temporaire - Toast
Copier le lien, entendre ou lire la confirmation, focaliser Fermer et vérifier que le délai se met en pause.
É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
- Le message Lien copié apparaît sans déplacer le focus du bouton Copier.
- Cas limite
- Les messages en file restent lisibles séparément, et aucune autre notification ne couvre une action disponible.
Ce que cet essai montre
Inline alert reste près du contenu affecté ; Toast est temporaire et détaché, tandis que Banner traite une condition globale de page.
Lequel convient à ton besoin ?
Alerte dans le contexte
Expliquer un échec de formulaire ou d'envoi dans son contexte
Notification temporaire
Confirmer un résultat de fond à faible risque
Différence et sources
Inline alert reste près du contenu affecté ; Toast est temporaire et détaché, tandis que Banner traite une condition globale de page.
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
Alerte dans le contexte
Expliquer un échec de formulaire ou d'envoi dans son contexte
Notification temporaire
Confirmer un résultat de fond à faible risque
- Positionnement
Alerte dans le contexte
Dans le formulaire ou la section concernée, près de la source du problème.
Notification temporaire
Se superpose à un bord de la fenêtre sans déplacer la mise en page.
- Fermeture
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.
Notification temporaire
Elle expire après un temps suffisant, se met en pause pendant l'interaction et peut être fermée sans exiger d'action.
Neuf dimensions
- Déclenchement
Alerte dans le contexte
Une condition de validation ou du système liée à une section précise crée le message.
Notification temporaire
Un événement système ou une action terminée crée le message ; l’utilisateur ne l’ouvre pas comme une destination.
- Modalité
Alerte dans le contexte
Message persistant non modal dans le contexte concerné.
Notification temporaire
Message d’état temporaire non modal qui ne prend pas le focus.
- Positionnement
Alerte dans le contexte
Dans le formulaire ou la section concernée, près de la source du problème.
Notification temporaire
Se superpose à un bord de la fenêtre sans déplacer la mise en page.
- Interactivité
Alerte dans le contexte
Peut inclure des liens ou actions de récupération et reste disponible jusqu’à résolution ou fermeture explicite.
Notification temporaire
Peut proposer une seule action limitée d’annulation ou de fermeture ; ne porte jamais une décision essentielle.
- Focus
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.
Notification temporaire
La notification ne vole jamais le focus ; une action facultative reste atteignable sans interrompre la tâche.
- Fermeture
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.
Notification temporaire
Elle expire après un temps suffisant, se met en pause pendant l'interaction et peut être fermée sans exiger d'action.
- Rôle accessible
Alerte dans le contexte
status | alert | none
Notification temporaire
status
- Cas d’usage
Alerte dans le contexte
Expliquer un échec de formulaire ou d'envoi dans son contexte
Notification temporaire
Confirmer un résultat de fond à faible risque
- Comportement mobile
Alerte dans le contexte
Utiliser la largeur du conteneur près du contenu concerné plutôt que de flotter au-dessus.
Notification temporaire
Rester à l’écart des contrôles système, zones sûres et clavier ; garder texte et actions brefs.
| Dimension | Alerte dans le contexteInline alert | Notification temporaireToast |
|---|---|---|
| Déclenchement | Une condition de validation ou du système liée à une section précise crée le message. | Un événement système ou une action terminée crée le message ; l’utilisateur ne l’ouvre pas comme une destination. |
| Modalité | Message persistant non modal dans le contexte concerné. | Message d’état temporaire non modal qui ne prend pas le focus. |
| Positionnement | Dans le formulaire ou la section concernée, près de la source du problème. | Se superpose à un bord de la fenêtre sans déplacer la mise en page. |
| Interactivité | Peut inclure des liens ou actions de récupération et reste disponible jusqu’à résolution ou fermeture explicite. | Peut proposer une seule action limitée d’annulation ou de fermeture ; ne porte jamais une décision essentielle. |
| Focus | 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. | La notification ne vole jamais le focus ; une action facultative reste atteignable sans interrompre la tâche. |
| Fermeture | Il reste jusqu'à résolution ; un contrôle fermer existe seulement si masquer le message ne cache pas un risque non résolu. | Elle expire après un temps suffisant, se met en pause pendant l'interaction et peut être fermée sans exiger d'action. |
| Rôle accessible | status | alert | none | status |
| Cas d’usage | Expliquer un échec de formulaire ou d'envoi dans son contexte | Confirmer un résultat de fond à faible risque |
| Comportement mobile | Utiliser la largeur du conteneur près du contenu concerné plutôt que de flotter au-dessus. | Rester à l’écart des contrôles système, zones sûres et clavier ; garder texte et actions brefs. |