Interação por teclado

TeclaAção
Setas para baixo e para cimaAbre a lista e depois percorre as opções.
Page Down e Page UpAvança ou recua dez opções.
EnterEscolhe a opção ativa.
Alt + seta para baixo ou para cimaAbre ou fecha a lista.
EscFecha a lista; depois limpa o texto, ou o valor quando ele é limpável.
BackspaceEm um campo vazio, remove o último chip.
Seta para a esquerdaNo início do texto (seta para a direita em textos da direita para a esquerda), vai para os chips. Lá, Backspace ou Delete remove um chip.

Notas de acessibilidade

  • O campo de texto é um combobox com aria-autocomplete="list", aria-expanded e aria-controls. O foco fica nele, e aria-activedescendant aponta para a opção ativa.
  • Os chips formam uma lista com nome, e cada botão de remover leva o nome do seu chip, como “Remove Italy”.
  • “No matches” e a linha de carregamento são mensagens de status, então os leitores de tela as anunciam.
  • Teclas que confirmam uma composição do IME, como em chinês ou japonês, ficam a cargo do IME.