Interfaz Más detalle B · Guía oficial Plataforma: Web

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.

Prueba un ejemplo
Podrías llamarlo Menu Buttonmenú de accionesdisparador de menú emergente

Prueba un ejemplo

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

  1. 01Botón disparador
  2. 02Menú emergente
  3. 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.

Solicitud que puedes copiar

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.

B
Qué tan oficial es este término?

Guía oficial

La plataforma, marco, proyecto o grupo de expertos nombrado tiene una guía oficial para este término.

Es oficial para esa fuente. Otras plataformas o equipos pueden usar el término de otra manera.

Alcance
Solo lo que cubre la fuente:nombre canónico、definición、interacción、comportamiento del teclado、accesibilidad
Estado del documento
estable
Comprobado el
2026-07-30

Fuentes de evidencia y alcance

Fuente de autoridad + Referencia del término · W3C WAI · estable Menu Button Pattern Alcance: nombre canónico、definición、interacción、comportamiento del teclado、accesibilidad Rol aquí: Referencia de término directo La fuente cubre: nombre canónico, definición, interacción, comportamiento del teclado, accesibilidad

Cópialo tú mismo

El navegador no pudo copiar esto. Selecciona la solicitud a continuación y cópiala tú mismo.