Menu Button
Botón de menú
Un botón de menú abre una lista de acciones o elecciones. Indica al software si el menú está abierto.
Un ejemplo real
En un editor de documentos, “Exportar” abre las opciones PDF, DOCX y Markdown. La flecha hacia abajo abre el menú y enfoca el primer elemento; Escape lo cierra y devuelve el enfoque. Elegir PDF inicia una exportación, no una configuración que se mantenga.
Partes principales
- 01Botón disparador
- 02Menú emergente
- 03Elementos del menú
Úsalo cuando
Úsalo para un pequeño grupo de comandos cuando mostrar cada botón haría que la página se viera abarrotada. Incluye el comportamiento completo del teclado del menú.
No lo uses cuando
No uses roles de menú para enlaces normales del sitio o para un campo de formulario que envía un valor.
Nombre usado en código
button aria-haspopup=menu aria-expanded + role=menu/menuitem Antes de lanzarlo
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 Botón de menú (Menu Button). User context: En un editor de documentos, “Exportar” abre las opciones PDF, DOCX y Markdown. La flecha hacia abajo abre el menú y enfoca el primer elemento; Escape lo cierra y devuelve el enfoque. Elegir PDF inicia una exportación, no una configuración que se mantenga. Recommended pattern: Botón de menú (Menu Button). Why it fits: Úsalo para un pequeño grupo de comandos cuando mostrar cada botón haría que la página se viera abarrotada. Incluye el comportamiento completo del teclado del menú. Do not use it when: No uses roles de menú para enlaces normales del sitio o para un campo de formulario que envía un valor. 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): Es oficial para esa fuente. Otras plataformas o equipos pueden usar el término de otra manera. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Revisa esta petición
Review how Botón de menú (Menu Button) is used now. Definition: Un botón de menú abre una lista de acciones o elecciones. Indica al software si el menú está abierto. 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.