Mesure d'audience
Avec ton accord, Google Analytics mesure l'usage du site pour nous aider à l'améliorer. Ton choix est mémorisé sur cet appareil et reste modifiable via « Cookies » en pied de page.
Comparaison comportementale
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.
Décision
La tâche consiste-t-elle à agir, à confirmer une décision sensible ou à consulter un média ?
Choisis Dialogue d’alerte uniquement pour une décision courte et sensible qui exige de confirmer ou d’annuler ; garde la Boîte de dialogue modale pour une tâche délimitée plus générale.
| 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[aria-modal=true] | dialog[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. |