Accessibilité du composant Grille de données

Interaction au clavier

Touche	Action
`Touches fléchées`	Déplacent d’une cellule. Gauche et droite s’inversent dans un texte de droite à gauche.
`Début et Fin`	Va à la première ou à la dernière cellule de la ligne ; avec Ctrl, de la grille.
`Page suivante et Page précédente`	Avance ou recule d’un écran de lignes.
`Entrée ou Espace sur un en-tête`	Trie selon la colonne ; avec Maj, l’ajoute au tri.
`Alt + flèche bas sur un en-tête`	Ouvre le panneau de la colonne.
`Alt + flèche gauche ou droite sur un en-tête`	Rétrécit ou élargit la colonne ; avec Maj, la déplace.
`Entrée sur une cellule`	Modifie la cellule, ou ouvre la ligne si elle n’est pas modifiable.
`F2, ou saisie`	Modifie la cellule.
`Entrée, Échap et Tab pendant l’édition`	Valide, annule, ou valide et passe à la suite.
`Espace`	Sélectionne la ligne ; avec Maj, les lignes depuis la dernière sélectionnée.
`Ctrl + A`	Sélectionne toutes les lignes.

Un <table> natif avec role="grid", nommé par label. Les en-têtes portent aria-sort, et les lignes sélectionnables aria-selected.
La grille ne compte qu’un seul arrêt de tabulation. Le focus passe de cellule en cellule grâce à un tabindex itinérant : les lecteurs d’écran lisent chaque cellule avec ses en-têtes de ligne et de colonne.
aria-rowcount, aria-rowindex et aria-colindex restent justes quand les lignes sont paginées ou virtualisées.
Le tri, le filtrage, la pagination et les erreurs d’édition sont annoncés poliment dans une région d’état.