Interface Plus de détails D · Nom quotidien ou d'utilisation spéciale

Alert, Banner & Notification — Learning Bundle

Alerte, Bannière & Notification — Ensemble d'apprentissage

Ce module d'apprentissage compare trois types de retours d'information. Une alerte indique un état important. Une bannière s'étend sur une zone. Une notification va dans un flux que les gens peuvent consulter plus tard. Le module n'est pas un modèle unique de statut.

Essayez un exemple
Vous pourriez l'appeler Alert, Banner & Notification — Learning Bundleensemble d'apprentissage des schémas de retourcomparaison alerte bannière notificationleçon message de statut

Essayez un exemple

Un vrai exemple

Une bandeau de panne de service reste en haut de l'application. Une notification de facturation va aussi dans le centre de notifications.

Parties principales

  1. 01State signal
  2. 02Human-readable message
  3. 03Timing or progress
  4. 04Recovery path

Utilisez-le lorsque

Choisissez un modèle qui correspond à l'urgence, à la durée, à la destination et à la zone affectée du message.

Ne l'utilisez pas lorsque

Ne superposez jamais plusieurs bannières qui sont toutes également bruyantes et n'utilisez pas d'alertes pour un succès normal.

Nom utilisé dans le code

role="alert" / notification center

Avant d'expédier

Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.

Demande que vous pouvez copier

Outcome: Complete the task with Alerte, Bannière & Notification — Ensemble d'apprentissage (Alert, Banner & Notification — Learning Bundle). User context: Une bandeau de panne de service reste en haut de l'application. Une notification de facturation va aussi dans le centre de notifications. Learning bundle to unpack: Alerte, Bannière & Notification — Ensemble d'apprentissage (Alert, Banner & Notification — Learning Bundle). Canonical members: Alerte (Alert), Repère de bannière (Banner Landmark), Notification Web (Web Notification) Why this comparison helps: Choisissez un modèle qui correspond à l'urgence, à la durée, à la destination et à la zone affectée du message. Do not treat the bundle as one pattern when: Ne superposez jamais plusieurs bannières qui sont toutes également bruyantes et n'utilisez pas d'alertes pour un succès normal. Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary): Ce n'est pas une norme normative. Son nom, ses limites et son comportement attendu peuvent varier d'une source à l'autre. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.

Vérifiez cette demande

Review how Alerte, Bannière & Notification — Ensemble d'apprentissage (Alert, Banner & Notification — Learning Bundle) is used now. Definition: Ce module d'apprentissage compare trois types de retours d'information. Une alerte indique un état important. Une bannière s'étend sur une zone. Une notification va dans un flux que les gens peuvent consulter plus tard. Le module n'est pas un modèle unique de statut. Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

D
Ce terme est-il officiel ?

Nom quotidien ou d'utilisation spéciale

Cela peut être un nom courant ou ancien, un nom utilisé par une entreprise, ou une catégorie Vibulary. Les sources peuvent soutenir la pratique ou les limitations, mais elles ne définissent pas nécessairement le nom.

Ce n'est pas une norme normative. Son nom, ses limites et son comportement attendu peuvent varier d'une source à l'autre.

Portée
Seulement ce que couvre la source:nom canonique、définition、interaction、comportement du clavier、accessibilité、guide d'utilisation、directives d'évitement
Statut du document
stable
Coché activé
2026-07-30

Sources et portée des preuves

Source faisant autorité · W3C WAI · stable Alert Pattern Portée: nom canonique、définition、interaction、comportement du clavier、accessibilité Rôle ici: Contexte utile, pas une définition La source couvre: nom canonique, définition, interaction, comportement du clavier, accessibilité Source faisant autorité · W3C WAI · stable Understanding Success Criterion 4.1.3: Status Messages Portée: accessibilité、guide d'utilisation、directives d'évitement Rôle ici: Contexte utile, pas une définition La source couvre: accessibilité, guide d'utilisation, directives d'évitement Source faisant autorité · GOV.UK Design System · stable Notification banner Portée: nom canonique、définition、interaction、comportement du clavier、accessibilité Rôle ici: Contexte utile, pas une définition La source couvre: nom canonique, définition, interaction, comportement du clavier, accessibilité

Copiez-le vous-même

Le navigateur n'a pas pu copier ceci. Sélectionnez la requête ci-dessous et copiez-la vous-même.