# Elementer med ARIA-'hidden' skal ikke inneholde fokuserbare elementer

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

WCAG 4.1.2 Name, Role, Value · Nivå A

Fokuserbare elementer er skjult for skjermlesere, men kan likevel nås med tastaturet.

## Hva denne regelen sjekker
Sørg for at elementer med aria-hidden verken er fokuserbare eller inneholder fokuserbare elementer.

## Hvorfor det er viktig
Tastaturbrukere havner på elementer som skjermlesere ikke leser opp (WCAG 4.1.2).

## Slik fikser du det
### På alle nettsteder
1. Fjern aria-hidden fra beholdere som inneholder fokuserbare elementer, eller legg til tabindex="-1" og attributtet inert på skjulte menyer og lysbilder utenfor skjermen.

### I Shopify
1. Fjern aria-hidden fra beholdere som inneholder fokuserbare elementer, eller legg til tabindex="-1" og attributtet inert på skjulte menyer og lysbilder utenfor skjermen.

### I WooCommerce og WordPress
1. Fjern aria-hidden fra beholdere som inneholder fokuserbare elementer, eller legg til tabindex="-1" og attributtet inert på skjulte menyer og lysbilder utenfor skjermen.

## Slik kontrollerer du utbedringen
- Gå gjennom siden med Tab mens en skjermleser kjører.

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