Interação por teclado

TeclaAção
Enter ou EspaçoNo gatilho: abre o menu no primeiro item. Em um item: escolhe o item ou abre o submenu dele.
Seta para baixoNo gatilho: abre o menu no primeiro item. No menu: vai para o próximo item.
Seta para cimaNo gatilho: abre o menu no último item. No menu: vai para o item anterior.
Home e EndVai para o primeiro ou o último item.
Seta para a direitaAbre um submenu e vai para o primeiro item dele (seta para a esquerda em textos da direita para a esquerda).
Seta para a esquerdaFecha um submenu e volta para o item pai (seta para a direita em textos da direita para a esquerda).
EscFecha o menu e devolve o foco ao gatilho.
LetrasVai para o próximo item cujo rótulo começa com o texto digitado.

Notas de acessibilidade

  • O gatilho recebe aria-haspopup, aria-expanded e aria-controls; o menu e os itens recebem seus papéis ARIA do Angular Aria.
  • O item destacado usa um preenchimento sólido com contraste de texto de pelo menos 4,5:1 e também serve de indicador de foco. No modo de cores forçadas, ele recebe um contorno de destaque do sistema.
  • Itens marcáveis anunciam seu estado por meio de aria-checked.
  • Escolher um item fecha o menu e devolve o foco ao gatilho. Mover o foco para fora do gatilho e do menu também o fecha.
  • Os itens têm pelo menos 28 pixels de altura, acima do tamanho mínimo de alvo das WCAG 2.2.