Contenuti nascosti che ricevono il focus

Messaggio mostrato da axe e Lighthouse: L'elemento nascosto con aria-hidden non deve ricevere focus, nè può contenere elementi che ricevono focus · aria-hidden-focus · WCAG 4.1.2

Cosa significa e perché è importante

Chi usa la tastiera finisce su elementi che il lettore di schermo non vede e si perde (WCAG 4.1.2).

Come correggere

Rimuovi gli elementi focalizzabili dalle aree aria-hidden o aggiungi tabindex="-1" / inert.

Esempio di codice

Prima

<div aria-hidden="true">
  <a href="/sale">Sale</a>
</div>

Dopo

<div aria-hidden="true" inert>
  <a href="/sale">Sale</a>
</div>

Tutti gli errori di accessibilità