# L'elemento nascosto con aria-hidden non deve ricevere focus, nè può contenere elementi che ricevono focus

<https://www.fixreports.com/it/issues/aria-hidden-focus>

WCAG 4.1.2 Name, Role, Value · Livello A

Alcuni elementi che possono ricevere il focus sono nascosti agli screen reader, ma si possono comunque raggiungere con la tastiera.

## 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
### Su qualsiasi sito web
1. 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.

### Su Shopify
1. 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.

### Su WooCommerce e WordPress
1. 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.

## Fonti
- Documentazione della regola axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Comprendere il criterio WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value