Interacción con el teclado

TeclaAcción
Flechas abajo y arribaAbre la lista y luego recorre las opciones.
Inicio y FinVa a la primera o a la última opción.
Av Pág y Re PágAvanza o retrocede diez opciones.
Intro o EspacioAbre la lista, o elige la opción activa.
LetrasSalta a la siguiente opción que empieza por ellas.
Flechas derecha e izquierdaEn un árbol, despliega una opción o va a su primer hijo; la contrae o va a su padre. Las flechas se invierten en texto de derecha a izquierda.
Alt + flecha arribaElige la opción activa y cierra la lista.
TabCon selección simple, elige la opción activa y sigue adelante.
EscCierra la lista sin elegir.

Notas de accesibilidad

  • El botón es un combobox de solo selección con aria-expanded y aria-controls. El foco se queda en él, y aria-activedescendant apunta a la opción activa.
  • La lista es un listbox, o un tree con aria-level y aria-expanded. aria-setsize y aria-posinset siguen siendo correctos cuando solo se renderizan algunas filas.
  • La opción activa tiene un relleno sólido y, en el modo de colores forzados, un contorno.
  • Ponle nombre con un <label for> que apunte a triggerId, o con label.