Comparaison comportementale
Menu d'actions déroulant vs Infobulle
Choisir Menu d'actions déroulant pour : Regrouper les actions secondaires d'un élément. Choisir Infobulle pour : Expliquer une icône peu familière.
| Dimension | Menu d'actions déroulantDropdown menu | InfobulleTooltip |
|---|---|---|
| Déclenchement | Bouton de menu activé par appui, clic, Entrée, Espace ou Flèche bas. | Survol du pointeur ou focus clavier sur l’élément de référence. |
| Modalité | Surface d’actions non modale qui se ferme après un choix, Échap ou une action extérieure. | Description complémentaire non modale ; la page reste active. |
| Positionnement | Ancrée au bouton de menu et alignée dans les limites de la fenêtre. | Ancrée près de sa référence et repositionnée pour rester visible. |
| Interactivité | Une collection d’actions avec focus clavier géré, pas un contenu de formulaire arbitraire. | Ne contient aucun contrôle interactif ; le focus reste sur la référence. |
| 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 ; l'infobulle n'entre jamais dans l'ordre de tabulation. |
| Fermeture | Sélectionner une action, appuyer sur Échap ou cliquer sans risque à l'extérieur ferme le menu. | Elle se ferme avec Échap et lorsque le focus et le pointeur quittent le déclencheur et la surface. |
| Rôle accessible | menu with menuitem children | tooltip |
| Cas d’usage | Regrouper les actions secondaires d'un élément | Expliquer une icône peu familière |
| Comportement mobile | Ouvrir au toucher, garder de grandes cibles et préférer une feuille d’actions pour un menu dense. | Ne jamais dépendre du survol seul ; rendre l’aide essentielle persistante ou accessible par une action tactile explicite. |