Zones défilantes inaccessibles au clavier

Message affiché par axe et Lighthouse: Vérifier que les régions défilantes sont accessibles au clavier · scrollable-region-focusable · WCAG 2.1.1, 2.1.3

Ce que cela signifie et pourquoi c’est important

Des carrousels ou blocs qui défilent sans pouvoir recevoir le focus sont inutilisables sans souris (WCAG 2.1.1).

Comment corriger

Rendez la zone focalisable (tabindex="0") ou assurez-vous qu’elle contient des éléments focalisables.

Exemple de code

Avant

<div class="product-slider" style="overflow-x:auto">…</div>

Après

<div class="product-slider" style="overflow-x:auto" tabindex="0" role="region" aria-label="Recommended products">…</div>

Trouvez cette erreur sur votre site

Testez gratuitement n’importe quelle page — résultat en quelques secondes, avec les corrections.

Tester une page gratuitement

Toutes les erreurs d’accessibilité