Interação por teclado

TeclaAção
Setas para baixo e para cimaAbre a lista e depois percorre as opções.
Home e EndVai para a primeira ou a última opção.
Page Down e Page UpAvança ou recua dez opções.
Enter ou EspaçoAbre a lista, ou escolhe a opção ativa.
LetrasPula para a próxima opção que começa com elas.
Setas para a direita e para a esquerdaEm uma árvore, expande uma opção ou vai para o primeiro filho; recolhe a opção ou vai para o pai. As setas se invertem em textos da direita para a esquerda.
Alt + seta para cimaEscolhe a opção ativa e fecha a lista.
TabCom escolha única, escolhe a opção ativa e segue em frente.
EscFecha a lista sem escolher.

Notas de acessibilidade

  • O botão é um combobox somente de seleção com aria-expanded e aria-controls. O foco fica nele, e aria-activedescendant aponta para a opção ativa.
  • A lista é uma listbox, ou uma tree com aria-level e aria-expanded. aria-setsize e aria-posinset continuam corretos quando só algumas linhas são renderizadas.
  • A opção ativa tem um preenchimento sólido e, no modo de cores forçadas, um contorno.
  • Dê um nome ao select com um <label for> que aponte para triggerId, ou com label.