Comparaison comportementale
Dialogue d'alerte vs Boîte de dialogue modale
Choisir Dialogue d'alerte pour : Confirmer une suppression définitive. Choisir Boîte de dialogue modale pour : Modifier une fiche compacte sans perdre le contexte.
| Dimension | Dialogue d'alerteAlert dialog | Boîte de dialogue modaleModal dialog |
|---|---|---|
| Déclenchement | Une action sensible atteint le point où une confirmation explicite est requise. | Une action explicite lance une tâche courte et délimitée. |
| Modalité | Strictement modale ; aucune interaction avec l’arrière-plan avant la décision. | Modale ; le reste de la page devient inerte jusqu’à la fermeture de la tâche. |
| Positionnement | Une surface compacte et saillante dans la fenêtre, proche du contexte de décision. | Une surface dans la fenêtre, souvent centrée, avec défilement interne si nécessaire. |
| Interactivité | Propose des décisions explicites de confirmation et d’annulation ; ne disparaît ni avec un délai ni par simple appui extérieur. | Accueille un ensemble ciblé de champs et d’actions dans une zone de focus contenue. |
| 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. | L'ouverture déplace le focus à l'intérieur, Tab n'atteint pas la page inerte et la fermeture restaure le focus sur le déclencheur logique. |
| 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. | Annuler, le contrôle de fermeture nommé et Échap ferment sans enregistrer ; l'appui extérieur n'est permis que si une perte accidentelle est sans conséquence. |
| Rôle accessible | alertdialog with aria-modal=true | dialog with aria-modal=true |
| Cas d’usage | Confirmer une suppression définitive | Modifier une fiche compacte sans perdre le contexte |
| Comportement mobile | Garder la conséquence lisible et séparer l’action destructive de l’action sûre avec de grandes cibles. | Utiliser l’essentiel de la largeur, respecter les zones sûres et garder le champ actif au-dessus du clavier. |