Menubar
Barre de menus
Une barre de menu est un menu qui reste visible, souvent sur une rangée horizontale. Ses éléments ouvrent des commandes ou des sous-menus avec les règles de clavier de type application.
Un vrai exemple
Un éditeur de texte enrichi a des groupes Fichier, Édition, Format et Aide. Les touches fléchées permettent de se déplacer entre les éléments du haut et d’ouvrir les sous-menus, tandis que Tab quitte la barre de menus. L’en-tête d’un site web avec des liens de page n’est pas automatiquement une barre de menus.
Parties principales
- 01Conteneur persistant
- 02Éléments de menu de niveau supérieur
- 03relations de sous-menu
Utilisez-le lorsque
Utilisez ce terme pour les commandes d'application visibles en permanence, de type bureau, où les utilisateurs s'attendent aux règles de clavier du menu.
Ne l'utilisez pas lorsque
Ne l'utilisez pas pour la navigation normale du site lorsque les liens et l'ordre habituel des Tabulations sont plus clairs.
Nom utilisé dans le code
role=menubar + horizontal arrow navigation Avant d'expédier
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Barre de menus (Menubar). User context: Un éditeur de texte enrichi a des groupes Fichier, Édition, Format et Aide. Les touches fléchées permettent de se déplacer entre les éléments du haut et d’ouvrir les sous-menus, tandis que Tab quitte la barre de menus. L’en-tête d’un site web avec des liens de page n’est pas automatiquement une barre de menus. Recommended pattern: Barre de menus (Menubar). Why it fits: Utilisez ce terme pour les commandes d'application visibles en permanence, de type bureau, où les utilisateurs s'attendent aux règles de clavier du menu. Do not use it when: Ne l'utilisez pas pour la navigation normale du site lorsque les liens et l'ordre habituel des Tabulations sont plus clairs. 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): C'est officiel pour cette source. D'autres plateformes ou équipes peuvent utiliser le terme d'une autre manière. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Vérifiez cette demande
Review how Barre de menus (Menubar) is used now. Definition: Une barre de menu est un menu qui reste visible, souvent sur une rangée horizontale. Ses éléments ouvrent des commandes ou des sous-menus avec les règles de clavier de type application. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.