Lo stato attivo della tastiera non deve mai essere bloccato o bloccato su un particolare elemento della pagina. Gli utenti devono essere in grado di raggiungere e uscire da tutti gli elementi della pagina utilizzando solo la tastiera.
Come eseguire il test manuale
Per verificare che gli utenti non possano bloccare accidentalmente lo stato attivo, spostati tra gli elementi della pagina e da tutti gli elementi utilizzando solo la tastiera.
Utilizza TAB per andare "avanti" e SHIFT + TAB per andare "indietro".
Se non riesci a spostarti tra tutti gli elementi della pagina, significa che non hai superato il test. Durante i test, fai attenzione in particolare ai widget con completamento automatico, che potrebbero bloccare lo stato attivo della tastiera.
Soluzione
Le pagine con contenuti in più formati, ad esempio finestre di dialogo modali e widget, rischiano di mettere a fuoco le pagine. Nel caso della visualizzazione di una finestra modale, se non desideri che l'utente interagisca con il resto della pagina, ha senso bloccare temporaneamente l'utente.
Tuttavia, dovresti cercare di fornire anche un metodo di escape della modale accessibile dalla tastiera. Guarda questo esempio su come creare una finestra modale accessibile. Vedi anche Modali e trappole per tastiera. In questo esempio, ottieni i comportamenti desiderati di una finestra modale, senza costringere l'utente ad aggiornare la pagina per uscire dall'area di interesse.
Perché è importante
Per gli utenti che non possono o scelgono di non utilizzare il mouse, la navigazione da tastiera è il mezzo principale per raggiungere qualsiasi elemento su uno schermo. Una buona esperienza di digitazione dipende da un ordine logico delle schede e da stili di messa a fuoco facilmente distinguibili. Se un utente della tastiera rimane intrappolato in un determinato elemento di pagina, non ha modo di interagire con la pagina.
Scopri di più nella pagina Come eseguire una revisione sull'accessibilità.