# ARIA-hidden-element får inte vara fokuserbara eller innehålla fokuserbara element

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

WCAG 4.1.2 Namn, roll, värde · nivå A

Fokuserbara element är dolda för skärmläsare men kan ändå nås med tangentbordet.

## Vad regeln kontrollerar
Säkerställ att aria-hidden-element inte är fokuserbara och inte heller innehåller fokuserbara element.

## Därför spelar det roll
Tangentbordsanvändare hamnar på element som skärmläsare inte läser upp (WCAG 4.1.2).

## Så åtgärdar du det
### På valfri webbplats
1. Ta bort aria-hidden från behållare som innehåller fokuserbara element, eller lägg till tabindex="-1" och attributet inert på dolda menyer utanför skärmen och dolda bilder i bildspel.

### I Shopify
1. Ta bort aria-hidden från behållare som innehåller fokuserbara element, eller lägg till tabindex="-1" och attributet inert på dolda menyer utanför skärmen och dolda bilder i bildspel.

### I WooCommerce och WordPress
1. Ta bort aria-hidden från behållare som innehåller fokuserbara element, eller lägg till tabindex="-1" och attributet inert på dolda menyer utanför skärmen och dolda bilder i bildspel.

## Så kontrollerar du åtgärden
- Tabba igenom sidan med en skärmläsare igång.

## Källor
- Dokumentation för axe-core-regeln (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Förklaring av WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value