Menu d'actions déroulant vs Infobulle

Le Menu d’actions déroulant ouvre une liste de commandes que l’utilisateur active ; l’Infobulle décrit seulement son élément de référence et ne contient rien d’interactif.

Essayer Menu d'actions déroulant Essayer Infobulle

Critères de choix, liens et sources

Menu d'actions déroulantChoisis Menu d’actions déroulant si l’utilisateur doit choisir une action comme Modifier, Dupliquer ou Archiver.Ouvrir la fiche Menu d'actions déroulant
InfobulleChoisis Infobulle si un texte court explique simplement une icône ou un contrôle et que rien n’y est cliquable.Ouvrir la fiche Infobulle

Voir les neuf dimensions Voir les sources

Menu d'actions déroulant

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.

Utiliser le Pack — Menu d'actions déroulant

Lequel convient à ton besoin ?

Menu d'actions déroulant

Regrouper les actions secondaires d'un élément

Infobulle

Expliquer une icône peu familière

Quel composant utilises-tu ici ?Utiliser Menu d'actions déroulantUtiliser Infobulle

Lire le Pack complet Vérifier le résultat

Différence et sources

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.

Consulter les sources

Parties du spécimen

Décision

Question de famille

As-tu besoin d’une explication brève, d’un contenu contextuel interactif ou d’une liste d’actions ?

Trois critères pour choisir

Déclenchement: Menu d'actions déroulant
Bouton de menu activé par appui, clic, Entrée, Espace ou Flèche bas.
Infobulle
Survol du pointeur ou focus clavier sur l’élément de référence.
Interactivité: Menu d'actions déroulant
Une collection d’actions avec focus clavier géré, pas un contenu de formulaire arbitraire.
Infobulle
Ne contient aucun contrôle interactif ; le focus reste sur la référence.
Focus: Menu d'actions déroulant
L'ouverture place le focus du menu sur un élément disponible ; la fermeture le restaure sur le déclencheur.
Infobulle
Le focus reste sur le déclencheur ; l'infobulle n'entre jamais dans l'ordre de tabulation.

Neuf dimensions

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

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.

Petites surfaces contextuelles

Menu d'actions déroulant

Infobulle

Ce que cet essai montre

Lequel convient à ton besoin ?

Menu d'actions déroulant

Infobulle

Parties du spécimen

Question de famille

Trois critères pour choisir

Neuf dimensions