# Vérifier que les régions défilantes sont accessibles au clavier

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

WCAG 2.1.1 Clavier · Niveau A

Une zone défilante n’est pas accessible au clavier : les utilisateurs du clavier ne peuvent donc pas la faire défiler.

## Ce que vérifie cette règle
Les éléments dont le contenu défile devraient être accessibles au clavier.

## Pourquoi c’est important
Le critère WCAG 2.1.1 exige que tout fonctionne au clavier.

## Comment corriger
### Sur n’importe quel site web
1. Rendez le conteneur défilant focalisable avec tabindex="0" et donnez-lui un nom, ou assurez-vous qu’il contient un élément focalisable.

### Sur Shopify
1. Rendez le conteneur défilant focalisable avec tabindex="0" et donnez-lui un nom, ou assurez-vous qu’il contient un élément focalisable.

### Sur WooCommerce et WordPress
1. Rendez le conteneur défilant focalisable avec tabindex="0" et donnez-lui un nom, ou assurez-vous qu’il contient un élément focalisable.

## Comment vérifier la correction
- Atteignez la zone avec la touche Tab et faites-la défiler avec les touches fléchées.

## Sources
- Documentation de la règle axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable
- Comprendre le critère WCAG 2.1.1 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/keyboard