# Scrollbare Regionen müssen per Tastatur erreichbar sein

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

WCAG 2.1.1 Tastatur · Stufe A

Ein scrollbarer Bereich ist mit der Tastatur nicht erreichbar, daher können Tastaturnutzer ihn nicht scrollen.

## Was diese Regel prüft
Elemente, welche scrollbaren Inhalt besitzen sollten durch die Tastatur erreichbar und bedienbar sein.

## Warum das wichtig ist
WCAG 2.1.1 verlangt, dass alles mit der Tastatur bedienbar ist.

## So beheben Sie es
### Auf jeder Website
1. Machen Sie den scrollbaren Container mit tabindex="0" fokussierbar und geben Sie ihm einen Namen, oder stellen Sie sicher, dass er ein fokussierbares Element enthält.

### In Shopify
1. Machen Sie den scrollbaren Container mit tabindex="0" fokussierbar und geben Sie ihm einen Namen, oder stellen Sie sicher, dass er ein fokussierbares Element enthält.

### In WooCommerce und WordPress
1. Machen Sie den scrollbaren Container mit tabindex="0" fokussierbar und geben Sie ihm einen Namen, oder stellen Sie sicher, dass er ein fokussierbares Element enthält.

## So prüfen Sie die Korrektur
- Springen Sie mit der Tabulatortaste in den Bereich und scrollen Sie ihn mit den Pfeiltasten.

## Quellen
- Dokumentation der axe-core-Regel (Deque): https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- Erläuterungen zu WCAG 2.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/keyboard