Dropdown Menu
Menu déroulant
Un menu déroulant est un menu de commandes éphémère qui s'ouvre à partir d'un bouton et reste à côté. Son schéma sémantique habituel est un bouton de menu plus un menu.
Un vrai exemple
Un bouton Actions ouvre les commandes Exporter en PDF, Dupliquer et Déplacer et indique si le menu est ouvert. Échapper le ferme et renvoie le focus au bouton. Une sélection qui choisit une seule valeur de formulaire n'est pas un menu déroulant.
Parties principales
- 01bouton d'ancrage
- 02état étendu
- 03menu de commandes
Utilisez-le lorsque
Utilisez ce terme pour une liste de commandes ancrée à un bouton après l'avoir nommé comme un modèle de menu-bouton.
Ne l'utilisez pas lorsque
N'utilisez pas dropdown comme nom général pour un select, une combo box, un disclosure, un popover ou un tooltip.
Nom utilisé dans le code
button[aria-haspopup=menu] → role=menu Avant d'expédier
Move focus on purpose. Keep it inside only when the overlay blocks the page. Support Escape and a visible close button, then return focus to the opener. Keep entered data and check small-screen, loading, and failure states.
Outcome: Complete the task with Menu déroulant (Dropdown Menu). User context: Un bouton Actions ouvre les commandes Exporter en PDF, Dupliquer et Déplacer et indique si le menu est ouvert. Échapper le ferme et renvoie le focus au bouton. Une sélection qui choisit une seule valeur de formulaire n'est pas un menu déroulant. Recommended pattern: Menu déroulant (Dropdown Menu). Why it fits: Utilisez ce terme pour une liste de commandes ancrée à un bouton après l'avoir nommé comme un modèle de menu-bouton. Do not use it when: N'utilisez pas dropdown comme nom général pour un select, une combo box, un disclosure, un popover ou un tooltip. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Aucun standard officiel unique ne régit l’ensemble du terme. Sa signification peut varier selon les équipes, plateformes ou frameworks. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how Menu déroulant (Dropdown Menu) is used now. Definition: Un menu déroulant est un menu de commandes éphémère qui s'ouvre à partir d'un bouton et reste à côté. Son schéma sémantique habituel est un bouton de menu plus un menu. Release checks: Move focus on purpose. Keep it inside only when the overlay blocks the page. Support Escape and a visible close button, then return focus to the opener. Keep entered data and check small-screen, loading, and failure states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.