Comparaison comportementale
Menu d'actions déroulant vs Fenêtre contextuelle
Choisir Menu d'actions déroulant pour : Regrouper les actions secondaires d'un élément. Choisir Fenêtre contextuelle pour : Afficher une explication compacte avec un lien.
| Dimension | Menu d'actions déroulantDropdown menu | Fenêtre contextuellePopover |
|---|---|---|
| Déclenchement | Bouton de menu activé par appui, clic, Entrée, Espace ou Flèche bas. | Appui ou clic explicite sur un déclencheur nommé. |
| Modalité | Surface d’actions non modale qui se ferme après un choix, Échap ou une action extérieure. | Généralement non modale ; le contenu alentour reste utilisable. |
| Positionnement | Ancrée au bouton de menu et alignée dans les limites de la fenêtre. | Ancrée près du déclencheur avec un placement qui évite les collisions. |
| Interactivité | Une collection d’actions avec focus clavier géré, pas un contenu de formulaire arbitraire. | Peut contenir des liens ou contrôles ; le focus ne se déplace que si l’interaction l’exige. |
| Focus | L'ouverture place le focus du menu sur un élément disponible ; la fermeture le restaure sur le déclencheur. | Le focus reste sur le déclencheur pour un contenu simple ou va de façon prévisible vers le premier contrôle pertinent. |
| Fermeture | Sélectionner une action, appuyer sur Échap ou cliquer sans risque à l'extérieur ferme le menu. | Échap, le contrôle de fermeture ou un appui extérieur sans risque la ferme et restaure le focus sur le déclencheur. |
| Rôle accessible | menu with menuitem children | dialog when the content needs a named interactive region |
| Cas d’usage | Regrouper les actions secondaires d'un élément | Afficher une explication compacte avec un lien |
| Comportement mobile | Ouvrir au toucher, garder de grandes cibles et préférer une feuille d’actions pour un menu dense. | Conserver un déclencheur facile à toucher et préférer une surface plus grande si le contenu devient complexe. |