Interazione da tastiera

TastoAzione
FrecceSpostano di una cella. Sinistra e destra si invertono nel testo da destra a sinistra.
Home e FineVa alla prima o all’ultima cella della riga; con Ctrl, della griglia.
Pag giù e Pag suSi sposta di una schermata di righe.
Invio o Spazio su un’intestazioneOrdina per la colonna; con Maiusc, la aggiunge all’ordinamento.
Alt + freccia giù su un’intestazioneApre il pannello della colonna.
Alt + freccia sinistra o destra su un’intestazioneRestringe o allarga la colonna; con Maiusc, la sposta.
Invio su una cellaModifica la cella, o apre la riga se non è modificabile.
F2, o digitareModifica la cella.
Invio, Esc e Tab durante la modificaConferma, annulla, o conferma e passa oltre.
SpazioSeleziona la riga; con Maiusc, le righe dall’ultima selezionata.
Ctrl + ASeleziona tutte le righe.

Note sull’accessibilità

  • Una <table> nativa con role="grid" e il nome dato da label. Le intestazioni hanno aria-sort, e le righe selezionabili aria-selected.
  • La griglia è un unico tab stop. Il focus passa da una cella all’altra con un tabindex mobile, così gli screen reader leggono ogni cella con le intestazioni di riga e di colonna.
  • aria-rowcount, aria-rowindex e aria-colindex restano corretti anche con righe paginate o virtualizzate.
  • Ordinamento, filtri, paginazione ed errori di modifica vengono annunciati in modo cortese in una regione di stato.