Dropdown & Context Menu — Learning Bundle
Menu déroulant & Menu contextuel — Pack d'apprentissage
Ce module d'apprentissage compare les menus selon la façon dont ils s'ouvrent. Un menu déroulant s'ouvre depuis un contrôle. Un menu contextuel appartient à un objet et s'ouvre souvent à l'emplacement du pointeur. Le module n'est pas un terme unique de menu.
DropdownMenu / ContextMenuUn vrai exemple
Le bouton Plus ouvre des actions générales. Un clic droit sur un fichier ouvre des actions uniquement pour ce fichier.
Parties principales
- 01Déclencheur
- 02Anchored or modal surface
- 03Focus boundary
- 04Dismiss path
Utilisez-le lorsque
Choisissez un menu dont le déclencheur et l'objet correspondent à la tâche. Ensuite, construisez le comportement de son clavier.
Ne l'utilisez pas lorsque
Ne mettez jamais de champs de formulaire ou la navigation principale du site dans un menu de commandes.
Nom utilisé dans le code
DropdownMenu / ContextMenu Avant d'expédier
Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.
Outcome: Complete the task with Menu déroulant & Menu contextuel — Pack d'apprentissage (Dropdown & Context Menu — Learning Bundle). User context: Le bouton Plus ouvre des actions générales. Un clic droit sur un fichier ouvre des actions uniquement pour ce fichier. Learning bundle to unpack: Menu déroulant & Menu contextuel — Pack d'apprentissage (Dropdown & Context Menu — Learning Bundle). Canonical members: Menu déroulant (Dropdown Menu), Menu contextuel (Context Menu) Why this comparison helps: Choisissez un menu dont le déclencheur et l'objet correspondent à la tâche. Ensuite, construisez le comportement de son clavier. Do not treat the bundle as one pattern when: Ne mettez jamais de champs de formulaire ou la navigation principale du site dans un menu de commandes. Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary): Ce n'est pas une norme normative. Son nom, ses limites et son comportement attendu peuvent varier d'une source à l'autre. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
Vérifiez cette demande
Review how Menu déroulant & Menu contextuel — Pack d'apprentissage (Dropdown & Context Menu — Learning Bundle) is used now. Definition: Ce module d'apprentissage compare les menus selon la façon dont ils s'ouvrent. Un menu déroulant s'ouvre depuis un contrôle. Un menu contextuel appartient à un objet et s'ouvre souvent à l'emplacement du pointeur. Le module n'est pas un terme unique de menu. Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.