# Ukryty element ARIA nie może zawierać elementów przyjmujących fokus

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

WCAG 4.1.2 Nazwa, rola, wartość · poziom A

Elementy, które mogą otrzymać fokus, są ukryte przed czytnikami ekranu, ale nadal można do nich dotrzeć klawiaturą.

## Co sprawdza ta reguła
Elementy z aria-hidden=true nie mogą obejmować elementów przyjmujących fokus.

## Dlaczego to ważne
Osoby korzystające z klawiatury trafiają na elementy, których czytniki ekranu nie odczytują (WCAG 4.1.2).

## Jak to naprawić
### Na dowolnej stronie
1. Usuń aria-hidden z kontenerów zawierających elementy, które mogą otrzymać fokus, albo dodaj tabindex="-1" i atrybut inert do ukrytych menu wysuwanych i slajdów.

### W Shopify
1. Usuń aria-hidden z kontenerów zawierających elementy, które mogą otrzymać fokus, albo dodaj tabindex="-1" i atrybut inert do ukrytych menu wysuwanych i slajdów.

### W WooCommerce i WordPressie
1. Usuń aria-hidden z kontenerów zawierających elementy, które mogą otrzymać fokus, albo dodaj tabindex="-1" i atrybut inert do ukrytych menu wysuwanych i slajdów.

## Jak sprawdzić poprawkę
- Przejdź przez stronę klawiszem Tab przy włączonym czytniku ekranu.

## Źródła
- Dokumentacja reguły axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Objaśnienie kryterium WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value