Linee GuidaAl posto del mouse, gli utenti utilizzano la tastiera o le sue alternative, quali interruttori, modalità di controllo tramite tastiera su schermi touchscreen o tecnologie assistive basate sulla navigazione tramite tastiera. Pertanto, tutte le funzionalità del sito web – dalla navigazione ai moduli, dai pulsanti agli altri elementi interattivi – devono essere completamente accessibili tramite tastiera. La navigazione tra i contenuti deve avvenire in modo logico e prevedibile, gli elementi devono poter essere attivati facilmente e l’utente deve avere sempre informazioni chiare sulla propria posizione attuale.
Per quali utenti l’uso della tastiera è particolarmente importante?
L’accessibilità tramite tastiera è fondamentale per:
- persone con disabilità visive che utilizzano lettori di schermo,
- persone con disabilità motorie,
- persone con ridotta motricità fine o tremore alle mani,
- persone con difficoltà di coordinazione dei movimenti.
Allo stesso tempo, l’uso della tastiera è utile anche a molti altri utenti nelle situazioni quotidiane, ad esempio in caso di lesioni temporanee, quando si utilizzano computer portatili senza mouse o per una gestione più rapida dei contenuti web.
Esempio di tastiera alternativa:
I contenuti devono essere gestibili tramite tastiera
L’accessibilità tramite tastiera significa che l’utente possa raggiungere e utilizzare tutte le parti interattive del sito web senza ricorrere al mouse. Tra questi figurano i link, i pulsanti, i moduli, i menu, le schede, i cursori, le finestre modali, le notifiche a comparsa e altri elementi di controllo.
Come si verifica se il contenuto è accessibile tramite tastiera?
Il modo più semplice per verificarlo è utilizzare la pagina web esclusivamente con la tastiera. Se con i tasti Tab, Shift + Tab, Invio, Spazio e i tasti freccia è possibile accedere a tutti gli elementi interattivi e utilizzarli, il contenuto è di norma accessibile.
Questo tipo di test evidenzia rapidamente problemi quali un focus perso o invisibile, una sequenza illogica degli elementi o parti della pagina che non sono affatto raggiungibili con la tastiera.
Problemi comuni nell’uso della tastiera
Menu principale e sottomenu
Un problema molto comune è rappresentato dai menu di navigazione che si aprono solo spostando il mouse. Poiché non rispondono alla tastiera, risultano inutilizzabili per gli utenti che utilizzano la tastiera e impediscono loro di accedere a parte dei contenuti.
Esempio di sottomenu che si apre solo spostando il mouse:
<\n>
Salto dei contenuti ripetitivi
Se gli utenti che utilizzano la tastiera non hanno la possibilità di saltare gli elementi ripetitivi, come i menu principali, devono ripercorrere lo stesso contenuto ogni volta che visitano la pagina. Ciò è dispendioso in termini di tempo, faticoso e complica inutilmente l’accesso al contenuto principale.
Esempio di link per saltare i contenuti ripetitivi:
Moduli ed elementi interattivi
I moduli in cui non tutti gli elementi sono accessibili tramite tastiera rappresentano un grave ostacolo. Se l’utente non è in grado di selezionare un’opzione o di inviare il modulo, non può portare a termine l’operazione.
Caroselli o elementi carousel
I caroselli con immagini devono essere gestibili anche tramite tastiera. Se ciò non è possibile, per alcuni utenti risultano del tutto inutilizzabili e fastidiosi.
Esempio di carrello di immagini su un sito web:
A cosa dobbiamo prestare particolare attenzione?
Quando ci si sposta con il tasto Tab, è necessario verificare se il focus rimane bloccato da qualche parte. Il blocco della tastiera si verifica quando un elemento trattiene il focus e non consente all’utente di proseguire o uscire. Ciò può rendere molto difficile o addirittura impossibile l’utilizzo del sito web.
Come si verifica l’accessibilità tramite tastiera?
Durante la verifica, possiamo avvalerci delle seguenti domande:
- È possibile raggiungere tutti i link, i pulsanti e i moduli con il tasto Tab?
- Il focus attuale è chiaramente visibile?
- La sequenza di navigazione nella pagina è logica?
- L’utente può aprire e chiudere menu, sottomenu, finestre pop-up e altri elementi interattivi?
- Il focus rimane bloccato da qualche parte impedendo all’utente di proseguire?
- È possibile saltare i contenuti ripetitivi?
Collegamento alle linee guida per l’accessibilità (WCAG)
L’utilizzo della tastiera è disciplinato dai seguenti criteri di successo delle WCAG:
- 2.1.1 Tastiera
Questo criterio garantisce che tutte le funzionalità del sito web siano accessibili anche tramite tastiera, senza la necessità di utilizzare il mouse.
- 2.1.2 Assenza di blocchi della tastiera
L’utente deve poter spostarsi su un singolo elemento e uscirne utilizzando la tastiera.
- 2.1.4 Tasti di scelta rapida
Se una pagina web utilizza tasti di scelta rapida, deve essere possibile disattivarli, modificarli o utilizzarli solo quando il focus è su un determinato elemento.
- 2.4.3 Ordine di focus
L’ordine di spostamento all’interno della pagina deve essere logico e coerente con il contenuto e le funzionalità della pagina.
- 2.4.7 Focus visibile
L’utente deve poter vedere chiaramente in ogni momento quale elemento è attualmente selezionato o attivo.
- 2.4.11 Il focus non è nascosto (minimo)
L’elemento che riceve il focus non deve essere completamente nascosto da altri elementi della pagina.
Questi criteri garantiscono che il contenuto web sia completamente gestibile tramite tastiera, senza blocchi, con uno spostamento del focus chiaro e prevedibile e con elementi interattivi correttamente contrassegnati.
In questo modo garantiamo un utilizzo paritario del web agli utenti che non possono utilizzare il mouse, migliorando al contempo l’accessibilità, l’usabilità e l’affidabilità dei servizi digitali per tutti.