Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Barrierefreiheit
Cosa significa ordine di focus su un sito Web?
L'ordine di focus è l'ordine in cui il tasto Tab guida gli elementi di controllo di una pagina. Deve seguire la disposizione visibile: dall'alto verso il basso, da sinistra a destra. Se il focus salta invece casualmente in giro, i navigatori da tastiera perdono l'orientamento — non possono prevedere dove atterra la prossima pressione del tasto. Il criterio WCAG 2.4.3 richiede un ordine comprensibile.
Come nasce un ordine di focus sbagliato
Il tasto Tab segue l'ordine degli elementi nel codice sorgente — non quello che si vede sullo schermo. Se il layout sposta gli elementi in altre posizioni, i due ordini si divergono: il focus salta dal campo nome al piè di pagina e da lì torna al pulsante Invia. Inoltre, i pannelli di dialogo inseriti successivamente si trovano spesso alla fine del codice sorgente — chi vuole entrare in essi deve prima passare attraverso il resto della pagina. Un classico terzo problema sono i numeri di tabulazione fissi nel codice sorgente, che forzano un ordine proprio, in conflitto con il layout. Tutto ciò è visibile solo in un vero passaggio da tastiera.
Così il servizio di verifica misura l'ordine di focus
Durante un vero passaggio da tastiera, il servizio di verifica preme il tasto Tab sul Suo sito e registra la posizione di ogni arresto. Quindi conta i salti all'indietro: punti in cui il focus salta chiaramente verso l'alto o nella stessa riga verso sinistra, contrariamente alla direzione di lettura. Se più del 30% dei cambi di focus sono salti all'indietro, il criterio è considerato violato; tra il 10 e il 30% il rapporto nota un caso di verifica manuale, poiché i layout a più colonne possono spiegare singoli salti. Al di sotto di ciò, l'ordine è considerato comprensibile. Il rapporto riporta il numero di salti all'indietro e di arresti verificati — vede la base della misurazione, non solo il giudizio.
Beispiele
Fokus springt durch tabindex
<input tabindex="3" name="name">
<input tabindex="1" name="email">
<button tabindex="2">Senden</button><input name="name">
<input name="email">
<button>Senden</button>Positive tabindex-Werte erzeugen eine eigene Reihenfolge, die von der sichtbaren abweicht. Die Quelltextreihenfolge ist die richtige.
- Usi il tasto Tab attraverso la Sua pagina più importante e osservi il marcatore — segue la direzione di lettura da sinistra in alto a destra in basso?
- Testi in particolare i moduli: l'ordine dei campi con la tastiera deve corrispondere all'ordine visibile.
- Chieda alla Sua agenzia di evitare i numeri di tabulazione fissi nel codice sorgente — l'ordine del codice sorgente deve essere l'ordine visibile.
- Lasci che i pannelli di dialogo impostino il focus nella finestra all'apertura e lo restituiscano alla posizione di partenza alla chiusura.