# Elementer med ARIA-'hidden' må ikke indeholde fokuserbare elementer

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

WCAG 4.1.2 Name, Role, Value · Niveau A

Fokuserbare elementer er skjult for skærmlæsere, men kan stadig nås med tastaturet.

## Hvad denne regel tjekker
Sørg for, at elementer med aria-hidden hverken er fokuserbare eller indeholder fokuserbare elementer.

## Hvorfor det er vigtigt
Tastaturbrugere lander på elementer, som skærmlæsere ikke læser op (WCAG 4.1.2).

## Sådan retter du det
### På enhver hjemmeside
1. Fjern aria-hidden fra containere, der indeholder fokuserbare elementer, eller tilføj tabindex="-1" og attributten inert til skjulte menuer og slides uden for skærmen.

### I Shopify
1. Fjern aria-hidden fra containere, der indeholder fokuserbare elementer, eller tilføj tabindex="-1" og attributten inert til skjulte menuer og slides uden for skærmen.

### I WooCommerce og WordPress
1. Fjern aria-hidden fra containere, der indeholder fokuserbare elementer, eller tilføj tabindex="-1" og attributten inert til skjulte menuer og slides uden for skærmen.

## Sådan tjekker du rettelsen
- Tab gennem siden med en skærmlæser kørende.

## Kilder
- Dokumentation af axe-core-reglen (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Forklaring af WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value