Comparaison comportementale
Dialogue d'alerte vs Visionneuse modale
Choisir Dialogue d'alerte pour : Confirmer une suppression définitive. Choisir Visionneuse modale pour : Examiner des photos produit en grand.
| Dimension | Dialogue d'alerteAlert dialog | Visionneuse modaleLightbox |
|---|---|---|
| Déclenchement | Une action sensible atteint le point où une confirmation explicite est requise. | La sélection d’une vignette ou d’un aperçu ouvre la consultation ciblée. |
| Modalité | Strictement modale ; aucune interaction avec l’arrière-plan avant la décision. | Visionneuse de média modale ; la page sous-jacente est temporairement inactive. |
| Positionnement | Une surface compacte et saillante dans la fenêtre, proche du contexte de décision. | Le média est centré ou ajusté dans une superposition, avec ses contrôles à proximité. |
| 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. | Peut proposer précédent, suivant, zoom, légende et fermeture autour du média. |
| 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 place le focus sur la visionneuse ou le contrôle fermer, le contient, puis le rend à la miniature d'origine. |
| 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. | Le contrôle fermer nommé et Échap ferment toujours ; l'appui extérieur est facultatif et jamais le seul moyen. |
| Rôle accessible | alertdialog with aria-modal=true | dialog with aria-modal=true containing figure content |
| Cas d’usage | Confirmer une suppression définitive | Examiner des photos produit en grand |
| Comportement mobile | Garder la conséquence lisible et séparer l’action destructive de l’action sûre avec de grandes cibles. | Ajuster le média à la fenêtre sûre et doubler les gestes facultatifs par des contrôles nommés et tactiles. |