# ARIA-hidden Elemente dürfen keine fokussierbaren Elemente beinhalten

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

WCAG 4.1.2 Name, Rolle, Wert · Stufe A

Fokussierbare Elemente sind vor Screenreadern verborgen, lassen sich aber weiterhin mit der Tastatur erreichen.

## Was diese Regel prüft
Stellt sicher, dass ARIA-hidden Elemente keine fokussierbaren Elemente beinhalten.

## Warum das wichtig ist
Tastaturnutzer landen auf Elementen, die Screenreader nicht ansagen (WCAG 4.1.2).

## So beheben Sie es
### Auf jeder Website
1. Entfernen Sie aria-hidden von Containern mit fokussierbaren Elementen, oder ergänzen Sie bei verborgenen Off-Canvas-Menüs und Slides tabindex="-1" und das Attribut inert.

### In Shopify
1. Entfernen Sie aria-hidden von Containern mit fokussierbaren Elementen, oder ergänzen Sie bei verborgenen Off-Canvas-Menüs und Slides tabindex="-1" und das Attribut inert.

### In WooCommerce und WordPress
1. Entfernen Sie aria-hidden von Containern mit fokussierbaren Elementen, oder ergänzen Sie bei verborgenen Off-Canvas-Menüs und Slides tabindex="-1" und das Attribut inert.

## So prüfen Sie die Korrektur
- Gehen Sie die Seite bei laufendem Screenreader mit der Tabulatortaste durch.

## Quellen
- Dokumentation der axe-core-Regel (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Erläuterungen zu WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value