Interacción con el teclado
| Tecla | Acción |
|---|---|
| Intro o Espacio | En el disparador: abre el menú en su primer elemento. En un elemento: lo elige o abre su submenú. |
| Flecha abajo | En el disparador: abre el menú en su primer elemento. En el menú: pasa al elemento siguiente. |
| Flecha arriba | En el disparador: abre el menú en su último elemento. En el menú: pasa al elemento anterior. |
| Inicio y Fin | Pasa al primer o al último elemento. |
| Flecha derecha | Abre un submenú y pasa a su primer elemento (flecha izquierda en texto de derecha a izquierda). |
| Flecha izquierda | Cierra un submenú y vuelve a su elemento padre (flecha derecha en texto de derecha a izquierda). |
| Esc | Cierra el menú y devuelve el foco al disparador. |
| Letras | Pasa al siguiente elemento cuya etiqueta empieza por el texto escrito. |
Notas de accesibilidad
- El disparador recibe
aria-haspopup,aria-expandedyaria-controls; el menú y sus elementos obtienen sus roles ARIA de Angular Aria. - El elemento resaltado usa un relleno sólido con un contraste de texto de al menos 4.5:1 y también sirve de indicador de foco. En el modo de colores forzados recibe un contorno de resaltado del sistema.
- Los elementos de casilla y de radio anuncian su estado mediante
aria-checked. - Elegir un elemento cierra el menú y devuelve el foco al disparador. Mover el foco fuera del disparador y del menú también lo cierra.
- Los elementos miden al menos 28 píxeles de alto, por encima del tamaño mínimo de objetivo de las WCAG 2.2.