Al focus
Quando un componente dell'interfaccia utente riceve il focus, non deve avviare un cambiamento di contesto — nessuna navigazione automatica di pagina, nessuna nuova finestra, nessuno spostamento significativo del contenuto. Il focus serve all'orientamento, non all'azione.
Cosa richiede
Ricevere il focus non deve mai innescare un «cambiamento di contesto». WCAG definisce cambiamento di contesto come: navigare verso una nuova pagina, aprire una nuova finestra, spostare il focus su un componente diverso o riorganizzare in modo significativo il contenuto della pagina. Il focus è l’equivalente da tastiera di spostare il cursore del mouse su un elemento — deve rimanere passivo.
L’utente deve guidare i cambiamenti di contesto attraverso un’attivazione deliberata: premere un pulsante, premere Invio su un link, inviare un modulo.
Come soddisfarlo
- Non chiamare mai
window.open,location.href = …oform.submit()da un gestore di eventifocus. - I tooltip e le piccole sezioni rivelate al focus sono ammessi — non costituiscono un cambiamento di contesto. Le sostituzioni di contenuto di grandi dimensioni invece sì.
- Per i suggerimenti di completamento automatico, spostare il focus su un’opzione non viola questo criterio di successo, a patto che la lista dei suggerimenti sia il comportamento atteso.
- Se è necessario rivelare elementi di interfaccia aggiuntivi quando un elemento riceve il focus (come testo di aiuto per un campo), mantenerli adiacenti e non invasivi.
- Testare con la tastiera: usare Tab per attraversare ogni elemento interattivo. Qualsiasi elemento che «salta» o si auto-invia al focus costituisce un errore.
Errori comuni
- Un menù a tendina che si auto-invia quando un’opzione riceve il focus tramite i tasti freccia.
- Tab che porta il focus su un link che innesca una navigazione immediata tramite un gestore
onfocus. - Calendari che si chiudono nel momento in cui il campo successivo riceve il focus, prima che l’utente abbia terminato l’interazione.
- Moduli di accesso che si auto-inviano quando il campo della password riceve il focus da un gestore di password.
Perché è importante
Gli utenti di tastiera navigano spostando il focus attraverso la pagina in modo sequenziale. Se il focus innesca un cambiamento di contesto, l’utente si ritrova improvvisamente in un posto dove non intendeva andare — e per gli utenti di screen reader questo è disorientante, perché la coda degli annunci cambia all’improvviso. La regola è semplice: il focus orienta, l’attivazione agisce.