Accessibilité du composant Select

Interaction au clavier

Touche	Action
`Flèches bas et haut`	Ouvre la liste, puis parcourt les options.
`Début et Fin`	Va à la première ou à la dernière option.
`Page suivante et Page précédente`	Avance ou recule de dix options.
`Entrée ou Espace`	Ouvre la liste, ou choisit l’option active.
`Lettres`	Passe à l’option suivante qui commence par ces lettres.
`Flèches droite et gauche`	Dans une arborescence, déplie une option ou va à son premier enfant ; la replie ou va à son parent. Les flèches s’inversent dans un texte de droite à gauche.
`Alt + flèche haut`	Choisit l’option active et ferme la liste.
`Tab`	En choix simple, choisit l’option active et passe à la suite.
`Échap`	Ferme la liste sans choisir.

Le bouton est une combobox à sélection seule avec aria-expanded et aria-controls. Le focus y reste, et aria-activedescendant désigne l’option active.
La liste est une listbox, ou un tree avec aria-level et aria-expanded. aria-setsize et aria-posinset restent justes même quand seules quelques lignes sont rendues.
L’option active a un remplissage plein et, en mode couleurs forcées, un contour.
Nommez-le avec un <label for> qui pointe vers triggerId, ou avec label.