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 Menu d'actions déroulant pour : Regrouper les actions secondaires d'un élément. Choisir Infobulle pour : Expliquer une icône peu familière.
Décision
As-tu besoin d’une explication brève, d’un contenu contextuel interactif ou d’une liste d’actions ?
Choisis Menu d'actions déroulant si Utiliser le Menu d'actions déroulant pour des commandes comme Modifier ou Archiver, pas pour choisir une valeur de formulaire comme Select ni pour un contenu riche comme Popover.. Choisis Infobulle si Choisir Infobulle seulement pour un contenu bref sans élément interactif ; utiliser Popover pour des contrôles ou un contenu plus riche..
| 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 > menuitem | 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. |