Supporto da tastiera
Silktide individua le parti delle pagine che rispondono al mouse o al touchscreen — facendo clic, passando sopra con il mouse o trascinando — ma che potrebbero non funzionare per chi usa solo una tastiera. Tutto ciò che un visitatore può fare con il mouse dovrebbe essere possibile anche con una tastiera.
Perché è importante
Molte persone non possono usare un mouse o un touchscreen: persone con difficoltà motorie, persone con tremori e utenti non vedenti, i cui controllano la pagina tramite la tastiera. Per tutte queste persone, le funzionalità che rispondono solo a un puntatore sono semplicemente inaccessibili. L'operabilità da tastiera è il 2.1.1 delle , un requisito di livello A — il livello più basilare dello standard.
Come risolvere il problema
- Preferisci gli elementi nativi — link, pulsanti e controlli dei moduli — che sono utilizzabili da tastiera per impostazione predefinita:
<!-- Funziona solo con il mouse: non focalizzabile, solo doppio clic -->
<div ondblclick="location.href='/new-page'">Fai doppio clic qui</div>
<!-- Corretto: un link funziona per tutti -->
<a href="/new-page">Vai alla pagina</a>
- Quando un'interazione personalizzata è inevitabile, aggiungi un'alternativa da
tastiera: rendi l'elemento focalizzabile (
tabindex="0") e gestisci gli eventi della tastiera oltre a quelli del mouse. - Le interazioni attivate solo al passaggio del mouse, come i tooltip e i menu a discesa, richiedono particolare attenzione: mostrale quando l'elemento riceve il , oltre che al passaggio del mouse.
- Se un elemento segnalato ha un'alternativa da tastiera che Silktide non ha potuto rilevare, il risultato.
Come Silktide esegue i controlli
- Raccoglie gli che la pagina registra nel browser.
- Mantiene quelli relativi agli eventi che richiedono esclusivamente il mouse o il tocco: clic, doppi clic, passaggi del mouse, movimenti del mouse, rotella, menu contestuali e gesti touch.
- Per i gestori dei clic semplici, esclude gli elementi che una tastiera può già
utilizzare — link, pulsanti, campi dei moduli e qualsiasi elemento focalizzabile
tramite
tabindex— perché premere Invio su un elemento focalizzato attiva il relativo gestore del clic. - Segnala gli elementi rimanenti affinché tu possa confermare se esiste un'alternativa da tastiera.
Risoluzione dei problemi
L'elemento ha un'alternativa da tastiera altrove
Silktide segnala gli elementi i cui listener suggeriscono un comportamento riservato al puntatore, ma non può sempre capire che la stessa funzionalità è disponibile in un altro modo — per esempio un menu al passaggio del mouse che duplica i link nel piè di pagina o un'azione di trascinamento con un'alternativa tramite pulsante. Se esiste effettivamente un'alternativa, approva il risultato.
Effetti al passaggio del mouse puramente decorativi
I listener che modificano solo l'aspetto (un'evidenziazione al passaggio del mouse o un'animazione) non sottraggono alcuna funzionalità agli utenti da tastiera. Puoi approvarli senza rischi.