# Prvek skrytý pomocí ARIA nesmí být fokusovatelný ani obsahovat fokusovatelné prvky

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

WCAG 4.1.2 Name, Role, Value · úroveň A

Prvky, na které lze přesunout fokus, jsou skryté před čtečkami obrazovky, ale klávesnicí se k nim lze stále dostat.

## Co toto pravidlo kontroluje
Ověřuje, že prvky s aria-hidden nejsou fokusovatelné a neobsahují fokusovatelné prvky.

## Proč na tom záleží
Uživatelé klávesnice se dostanou na prvky, které čtečky obrazovky neoznamují (WCAG 4.1.2).

## Jak to opravit
### Na jakémkoli webu
1. Odstraňte aria-hidden z kontejnerů, které obsahují prvky s fokusem, nebo ke skrytým vysouvacím menu a snímkům přidejte tabindex="-1" a atribut inert.

### V Shopify
1. Odstraňte aria-hidden z kontejnerů, které obsahují prvky s fokusem, nebo ke skrytým vysouvacím menu a snímkům přidejte tabindex="-1" a atribut inert.

### Ve WooCommerce a WordPressu
1. Odstraňte aria-hidden z kontejnerů, které obsahují prvky s fokusem, nebo ke skrytým vysouvacím menu a snímkům přidejte tabindex="-1" a atribut inert.

## Jak opravu ověřit
- Se zapnutou čtečkou obrazovky projděte stránku klávesou Tab.

## Zdroje
- Dokumentace pravidla axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/aria-hidden-focus
- Vysvětlení kritéria WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value