Accessibilità di Select

Interazione da tastiera

Tasto	Azione
`Freccia giù e su`	Apre l’elenco, poi si sposta tra le opzioni.
`Home e Fine`	Va alla prima o all’ultima opzione.
`Pag giù e Pag su`	Si sposta di dieci opzioni.
`Invio o Spazio`	Apre l’elenco, o sceglie l’opzione attiva.
`Lettere`	Passa alla prossima opzione che inizia con quelle lettere.
`Freccia destra e sinistra`	In un albero, espande un’opzione o passa al suo primo figlio; la comprime o passa al genitore. Le frecce si invertono nel testo da destra a sinistra.
`Alt + freccia su`	Sceglie l’opzione attiva e chiude l’elenco.
`Tab`	Con scelta singola, sceglie l’opzione attiva e prosegue.
`Esc`	Chiude l’elenco senza scegliere.

Il pulsante è una combobox di sola selezione con aria-expanded e aria-controls. Il focus resta su di esso, e aria-activedescendant punta all’opzione attiva.
L’elenco è una listbox, o un tree con aria-level e aria-expanded. aria-setsize e aria-posinset restano corretti anche quando solo alcune righe sono renderizzate.
L’opzione attiva ha un riempimento pieno e, in modalità forced colors, un contorno.
Dai un nome alla select con un <label for> che punta a triggerId, o con label.