Accessibilità di Menu · Needless UI

Interazione da tastiera

Tasto	Azione
`Invio o Spazio`	Sul trigger: apre il menu sulla prima voce. Su una voce: la sceglie o apre il suo sottomenu.
`Freccia giù`	Sul trigger: apre il menu sulla prima voce. Nel menu: passa alla voce successiva.
`Freccia su`	Sul trigger: apre il menu sull’ultima voce. Nel menu: passa alla voce precedente.
`Home e Fine`	Passa alla prima o all’ultima voce.
`Freccia destra`	Apre un sottomenu e passa alla sua prima voce (freccia sinistra nel testo da destra a sinistra).
`Freccia sinistra`	Chiude un sottomenu e torna alla voce che l’ha aperto (freccia destra nel testo da destra a sinistra).
`Esc`	Chiude il menu e riporta il focus sul trigger.
`Lettere`	Passa alla voce successiva la cui etichetta inizia con il testo digitato.

Il trigger riceve aria-haspopup, aria-expanded e aria-controls; menu e voci ricevono i ruoli ARIA da Angular Aria.
La voce evidenziata usa un riempimento pieno con un contrasto del testo di almeno 4,5:1 e fa anche da indicatore di focus. In modalità forced colors riceve un contorno di evidenziazione di sistema.
Le voci selezionabili annunciano il loro stato tramite aria-checked.
Scegliere una voce chiude il menu e riporta il focus sul trigger. Anche spostare il focus fuori dal trigger e dal menu lo chiude.
Le voci sono alte almeno 28 pixel, oltre l’area di tocco minima delle WCAG 2.2.