# Posuvná oblast musí být přístupná klávesnicí

<https://www.fixreports.com/cs/issues/scrollable-region-focusable>

WCAG 2.1.1 Keyboard · úroveň A

K posuvné oblasti se nelze dostat klávesnicí, takže ji uživatelé klávesnice nemohou posouvat.

## Co toto pravidlo kontroluje
Ověřuje, že prvky s posuvným obsahem jsou v Safari přístupné klávesnicí.

## Proč na tom záleží
WCAG 2.1.1 vyžaduje, aby vše fungovalo s klávesnicí.

## Jak to opravit
### Na jakémkoli webu
1. Umožněte přesunout fokus na posuvný kontejner pomocí tabindex="0" a dejte mu název, nebo zajistěte, aby obsahoval prvek, na který lze přesunout fokus.

### V Shopify
1. Umožněte přesunout fokus na posuvný kontejner pomocí tabindex="0" a dejte mu název, nebo zajistěte, aby obsahoval prvek, na který lze přesunout fokus.

### Ve WooCommerce a WordPressu
1. Umožněte přesunout fokus na posuvný kontejner pomocí tabindex="0" a dejte mu název, nebo zajistěte, aby obsahoval prvek, na který lze přesunout fokus.

## Jak opravu ověřit
- Přejděte na oblast klávesou Tab a posuňte ji šipkami.

## Zdroje
- Dokumentace pravidla axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- Vysvětlení kritéria WCAG 2.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/keyboard