perché il cursore o lo stato attivo si muove in modo confuso sul mio sito web

Lo stato attivo salta in giro a causa dell'ordine del codice sorgente

Uno stato attivo che salta da tutte le parti nasce solitamente perché l'ordine in cui gli elementi compaiono nel codice sorgente non corrisponde all'ordine in cui sono visibili sullo schermo. Chi naviga una pagina con il tasto Tab si aspetta che lo stato attivo proceda ordinatamente dall'alto verso il basso e da sinistra a destra — logicamente secondo la direzione di lettura. Se un menu, un pop-up o una barra laterale è posizionato via CSS in un luogo diverso rispetto a dove si trova l'elemento nel codice, lo stato attivo salta visibilmente avanti e indietro: prima verso il basso, poi di nuovo verso l'alto, poi su un pulsante che era già stato superato visivamente.

Una causa frequente è un valore `tabindex` impostato manualmente su un numero maggiore di zero, il che fa sì che gli elementi vengono estratti dall'ordine naturale. Anche i banner dei cookie, i filtri caricati dinamicamente e le finestre modali che non trattengono correttamente lo stato attivo producono questo effetto — lo stato attivo talvolta scompare completamente dalla vista, dietro il banner o sotto un overlay ancora aperto. Chi vuole verificare questo deve provare personalmente a navigare l'intero processo di acquisto utilizzando solo la tastiera. come testare se un negozio online può essere utilizzato con la tastiera descrive come funziona questo test nella pratica. Spesso l'ordine dello stato attivo è correlato agli stessi elementi che causano anche problemi con i banner dei cookie e i pop-up, perché questi vengono posizionati per primi sopra la pagina.

Dove si trova questo in WCAG 2.1: criterio 2.4.3

Questo requisito si trova in WCAG 2.1 secondo il criterio di successo 2.4.3, "Focus Order", che richiede che l'ordine in cui gli elementi ricevono lo stato attivo mantenga il significato e l'usabilità della pagina. Si tratta di un criterio di livello A e quindi anche parte del livello AA, a cui EN 301 549 si riduce nella pratica. L'indagine dell'ACM sull'accessibilità dei negozi online mostra che questo tipo di problemi di navigazione si verifica regolarmente nella pratica ed è percepito come fastidioso dagli utenti. Una scansione automatica può rilevare se è presente un `tabindex` con un valore positivo, ma se l'ordine dello stato attivo funziona davvero in modo logico per qualcuno che non vede la pagina è qualcosa che un test automatico di accessibilità non può determinare completamente — ciò rimane dipendente da una navigazione manuale.