Cosa controlla questa regola
Assicurati che gli elementi nascosti con aria-hidden non possano nè ricevere focus, nè contengano elementi che possono ricevere focus.
Perché è importante
Chi usa la tastiera arriva su elementi che gli screen reader non annunciano (WCAG 4.1.2).
Come correggerlo
- Rimuovi aria-hidden dai contenitori che includono elementi che possono ricevere il focus, oppure aggiungi tabindex="-1" e l’attributo inert ai menu off-canvas e alle slide nascosti.
Come verificare la correzione
- Scorri la pagina con Tab con uno screen reader attivo.
Come lo rileva FixReports
La nostra scansione esegue la regola axe-core aria-hidden-focus in un vero browser Chrome su ogni pagina che testa, e segnala ogni elemento non conforme con la sua pagina, il suo markup e, dove applicabile, uno screenshot.
Un test automatico conferma che questo specifico problema è presente. Non può dire se il resto della pagina è accessibile: alcune barriere emergono solo quando una persona controlla la pagina.