Lezione 10Il processo di progettazione: come fare spazio all'accessibilità del web?

Nozione 74

L'importanza della navigazione tramite tastiera

competenza target

Identificate la necessità di progettare il vostro sito per utenti che possano utilizzare solo la tastiera e trovate delle funzionalità associate.

La navigazione tramite tastiera offre globalmente una migliore User Experience sul sito. Essere in grado di svolgere una serie diversificata di azioni su una pagina web usando unicamente la tastiera ha un impatto significativo sull'efficienza dell'utente. Inoltre rende allo stesso tempo il vostro sito accessibile da tastiera agli occhi delle linee guida per l'accessibilità dei contenuti web. D'altro canto invece, usare un mouse può comportare difficoltà per utenti con disabilità motoria o disabilità visiva o per utenti con limitazioni hardware. Inoltre, complesse interazioni con il mouse possono limitare l'acccessibilità della vostra pagina web.

Ecco alcune azioni in cui la tastiera può rimpiazzare il mouse.

Per iniziare, potete osservare in questo Canva i tasti della tastiera che vengono principalmente usati per la navigazione su un sito web accessibile:

Cliccare usando la tastiera

Il tasto Invio è considerato l'equivalente del clic su un elemento o dell'invio di un modulo. Una volta focalizzato un elemento della pagina web, il tasto Invio ne attiverà le funzioni. Le azioni di trascinamento e rilascio possono essere complicate senza il mouse e dovrebbero avere un'alternativa da tastiera, ad esempio basata su valori numerici e pulsanti di azione.

Mettere a fuoco gli elementi

Il mouse è un ottimo strumento per indicare qualcosa sullo schermo. Per fornire agli utenti la stessa esperienza, l'accessibilità da tastiera dovrebbe anche assicurarsi che ogni elemento d'interesse sia attivabile, come bottoni, link, menù. Alcune ancore HTML, come le ancore per il menù di navigazione e per le sezioni principali o i titoli, possono aiutare a consultare le pagine più facilmente tramite tastiera.

Scorrere usando la tastiera

Anche scorrere una pagina web usando la tastiera è una funzione nativa dell'HTML e dunque non dovrete limitare gli utenti permettendo loro di navigare slo tramite mouse. Attenzione a non intrappolare i visitatori in una finestra senza possibilità di fuga! Una situazione di questo tipo può accadere con una finestra modale, moduli o menù.

Su una tastiera, anche il tasto Tab è un'ottimo modo per consultare l'intera pagina web e tutti i suoi elementi velocemente.

Dare un feedback ai visitatori

Quando naviga e si sofferma su un elemento, un visitatore dovrebbe conoscere la posizione del cursore del mouse. Aiuta a sapere quando cliccare su qualcosa o dove si sta indirizzando il cursore sulla pagina. Non rimpiazzate l'opzione outline on focus, altrimenti alcuni utenti potrebbero perdersi il cursore!

L'HTML è di default accessibile da tastiera

Per fortuna, l'HTML è totalmente compatibile con la navigazione da tastiera. Ci sono alcune cose a cui gli sviluppatori dovrebbero prestare attenzione e che sarebbero da evitare: