# Een scrollbaar gebied moet met het toetsenbord bereikbaar zijn

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

WCAG 2.1.1 Toetsenbord · Niveau A

Een scrollbaar gebied is niet met het toetsenbord te bereiken, waardoor toetsenbordgebruikers het niet kunnen scrollen.

## Wat deze regel controleert
Zorg dat elementen met scrollbare content in Safari met het toetsenbord bereikbaar zijn.

## Waarom het belangrijk is
WCAG 2.1.1 vraagt dat alles met een toetsenbord werkt.

## Zo los je het op
### Op elke website
1. Maak de scrollbare container focusbaar met tabindex="0" en geef hem een naam, of zorg dat hij een focusbaar element bevat.

### In Shopify
1. Maak de scrollbare container focusbaar met tabindex="0" en geef hem een naam, of zorg dat hij een focusbaar element bevat.

### In WooCommerce en WordPress
1. Maak de scrollbare container focusbaar met tabindex="0" en geef hem een naam, of zorg dat hij een focusbaar element bevat.

## Zo controleer je de oplossing
- Ga met Tab naar het gebied en scrol het met de pijltjestoetsen.

## Bronnen
- Documentatie van de axe-core-regel (Deque): https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- Uitleg bij WCAG 2.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/keyboard