Dialogue d'alerte

Comportements

• Contenir le focus

  Tant que la surface est modale, le focus clavier y reste jusqu'à sa fermeture.

• Exiger une décision

  La surface reste ouverte jusqu'à ce que l'utilisateur confirme ou annule volontairement l'action sensible.

États

• Décision fermée avec espace intact

  Décision fermée avec espace intact

• Décision initiale de suppression ouverte

  Décision initiale de suppression ouverte

• Décision fermée après annulation

  Décision fermée après annulation

• Décision de suppression rouverte après annulation

  Décision de suppression rouverte après annulation

• Suppression en cours d’envoi

  Suppression en cours d’envoi

• Décision fermée après confirmation

  Décision fermée après confirmation

• Décision de suppression rouverte après confirmation

  Décision de suppression rouverte après confirmation

Transitions d’état

• Décision fermée avec espace intact → Décision initiale de suppression ouverte

  Supprimer l’espace de travail ouvre l’avertissement et focalise d’abord l’action plus sûre Conserver.

• Décision initiale de suppression ouverte → Décision fermée après annulation

  L’activation de Conserver annule la suppression, ferme l’avertissement et permet de le rouvrir.

• Décision initiale de suppression ouverte → Décision fermée avec espace intact

  Échap ferme l’avertissement sans risque avant l’envoi et rend le focus sans enregistrer de résultat confirmé.

• Décision fermée après annulation → Décision de suppression rouverte après annulation

  Supprimer l’espace de travail rouvre le même avertissement après une annulation.

• Décision de suppression rouverte après annulation → Décision fermée après annulation

  Conserver ou Échap ferme l’avertissement rouvert et conserve le résultat d’annulation précédent.

• Décision initiale de suppression ouverte → Suppression en cours d’envoi

  Supprimer définitivement lance l’envoi simulé pendant que le dialogue reste ouvert et que les deux actions sont désactivées.

• Décision de suppression rouverte après annulation → Suppression en cours d’envoi

  Supprimer définitivement remplace l’ancien résultat d’annulation par un nouvel envoi en attente.

• Suppression en cours d’envoi → Décision fermée après confirmation

  Lorsque l’envoi simulé se termine, le dialogue se ferme et le résultat confirmé est annoncé.

• Décision fermée après confirmation → Décision de suppression rouverte après confirmation

  Supprimer l’espace de travail peut rouvrir l’avertissement rejouable après la confirmation du résultat de démonstration.

• Décision de suppression rouverte après confirmation → Décision fermée après confirmation

  Échap ferme l’avertissement rouvert et conserve le résultat de démonstration déjà confirmé.

• Décision de suppression rouverte après confirmation → Décision fermée après annulation

  Conserver ferme l’avertissement rouvert et remplace le résultat actuel de démonstration par annulé.

• Décision de suppression rouverte après confirmation → Suppression en cours d’envoi

  Supprimer définitivement lance un nouvel envoi de démonstration en attente depuis l’avertissement rouvert.

Scénarios de test

Contexte

Un administrateur s'apprête à supprimer définitivement un espace de travail et tous ses liens partagés.

Mission

Ouvrir l'avertissement, lire la conséquence nommée, annuler au clavier, puis rouvrir et confirmer volontairement.

État principal

L'avertissement nomme l'espace, explique la perte définitive et place d'abord le focus sur l'action sûre Annuler.

Cas limite

Pendant l'envoi de la suppression, les deux actions empêchent une double activation et le dialogue annonce l'attente.

Accessibilité

Role

alertdialog with aria-modal=true

Nom accessible

Le contrôle principal ou la région nommée possède un nom accessible stable issu d’un texte visible ou d’un libellé programmatique explicite ; le placeholder et l’infobulle ne servent pas de nom.

Focus

Le focus initial va sur l'action utile la moins destructive, sauf s'il est plus sûr de lire d'abord de longues conséquences.

Fermeture

Seule une décision explicite ou une annulation sûre documentée ferme l'alerte ; aucun délai ni appui extérieur accidentel ne la ferme.

Scroll

Le défilement de l'arrière-plan est verrouillé pendant l'ouverture. Le contenu débordant défile dans la surface et le contrôle actif reste visible.

Annonce

Le rôle dialogue d'alerte, le titre, la conséquence et les noms des deux actions sont annoncés à l'entrée du focus.

Clavier

• Tab circule seulement entre les contrôles de décision
• Échap annule lorsque cela reste sûr
• Entrée active uniquement l'action qui a le focus

Bindings

• AlertDialog.Root

  implementationKind

  radix

  nativeElement

  Non applicable

  ariaPattern

  alert dialog

  radixPrimitive

  Alert Dialog

  shadcnRecipe

  Alert Dialog

  runtimeDependency

  @radix-ui/react-alert-dialog@1.1.19

  packageName

  @radix-ui/react-alert-dialog

  exportName

  AlertDialog.Root

  exactVersion

  1.1.19

  status

  verified

  verifiedAt

  2026-07-16

  deprecationStatus

  active

  replacement

  Non applicable

  validFrom

  Non applicable

  validUntil

  Non applicable

  Limite d’équivalence : Alert Dialog is reserved for short consequential decisions and does not make every confirmation flow appropriate.

  Vérifier la source du binding