Navigazione da tastiera: il test che la maggior parte dei siti fallisce
Di Il team di AsasWeb 1 min di lettura
Metti da parte il mouse e prova a completare la tua attività più importante usando solo Tab, Maiusc e Tab, Invio, Spazio e i tasti freccia. Un sito passa il test quando il focus è sempre visibile, si muove in un ordine logico, raggiunge ogni link, pulsante e campo e può uscire da qualsiasi menu o finestra di dialogo. Se un'attività non si può concludere da tastiera, un gruppo reale di clienti non può concluderla, e l'accesso da tastiera è la base su cui si costruisce l'uso degli screen reader.
Ecco un test che puoi eseguire in cinque minuti: metti via il mouse e prova a usare il tuo sito web solo con la tastiera. Molte persone devono navigare in questo modo, comprese alcune che usano uno screen reader e molte con differenze motorie. Un numero sorprendente di siti fallisce questo test.
Come testare
Usa il tasto Tab per andare avanti, Shift e Tab per tornare indietro, Invio e Spazio per attivare, e i tasti freccia all’interno dei menu. Prova a completare il tuo compito più importante, come trovare un prodotto o inviare una richiesta, senza toccare il mouse.
Cosa cercare
- Vedi dove ti trovi? Uno stile di focus chiaro e visibile deve seguirti mentre tabuli. Se il focus è invisibile, il sito è inutilizzabile da tastiera.
- L’ordine è logico? Il focus dovrebbe muoversi in un ordine di lettura sensato, non saltare qua e là.
- Puoi raggiungere tutto? Ogni link, pulsante e campo deve essere raggiungibile e utilizzabile, inclusi menu e pop-up.
- Puoi uscirne? Apri un menu o una finestra di dialogo, poi chiudila con il tasto Esc e verifica che il focus torni in un punto sensato. Fai attenzione alle trappole da cui non puoi uscire tabulando.
Perché conta
Se non puoi completare un compito da tastiera, un gruppo reale di clienti non può farlo neanche, e se ne andrà. L’accesso da tastiera è anche la base su cui si costruisce l’uso dello screen reader, quindi sistemarlo migliora l’accessibilità in modo ampio.
Eseguiamo una percorrenza solo da tastiera su ogni build, inclusi menu con focus intrappolato che si chiudono con Esc e restituiscono il focus in modo pulito. Se il tuo sito fallisce il test dello scollega-il-mouse, avvia un progetto e lo sistemeremo.