Interação por teclado

TeclaAção
SetasMovem uma célula. Esquerda e direita se invertem em textos da direita para a esquerda.
Home e EndVai para a primeira ou a última célula da linha; com Ctrl, da grade.
Page Down e Page UpAvança ou recua uma tela de linhas.
Enter ou Espaço em um cabeçalhoOrdena pela coluna; com Shift, adiciona a coluna à ordenação.
Alt + seta para baixo em um cabeçalhoAbre o painel da coluna.
Alt + seta para a esquerda ou para a direita em um cabeçalhoEstreita ou alarga a coluna; com Shift, move a coluna.
Enter em uma célulaEdita a célula, ou abre a linha quando ela não é editável.
F2, ou digitarEdita a célula.
Enter, Esc e Tab durante a ediçãoConfirma, cancela, ou confirma e segue em frente.
EspaçoSeleciona a linha; com Shift, as linhas desde a última selecionada.
Ctrl + ASeleciona todas as linhas.

Notas de acessibilidade

  • Uma <table> nativa com role="grid", nomeada por label. Os cabeçalhos têm aria-sort, e as linhas selecionáveis, aria-selected.
  • A grade é uma única parada de tabulação. O foco passa de célula em célula com um tabindex móvel, então os leitores de tela leem cada célula com os cabeçalhos da linha e da coluna.
  • aria-rowcount, aria-rowindex e aria-colindex continuam corretos quando as linhas são paginadas ou virtualizadas.
  • Ordenação, filtros, paginação e erros de edição são anunciados de forma educada em uma região de status.