Le critère derrière
2.1.1 Clavier
Tout ce que vous faites à la souris doit être faisable au clavier.
Niveau A · EN 301 549 § 9.2.1.1
Pourquoi cette vérification existe
La navigation au clavier est la base sur laquelle reposent les lecteurs d'écran, les contacteurs et la commande vocale. Un contrôle réservé à la souris leur est inaccessible à tous.
Ce qui la déclenche habituellement
- échoueUn `<div onclick>` sans `tabindex` ni gestionnaire de touche.
- échoueUn menu déroulant maison qui ne s'ouvre qu'au survol.
- échoueUn réordonnancement par glisser-déposer sans équivalent au clavier.
Comment corriger
- à faireUtilisez `<button>` et `<a href>` : focalisables et activables au clavier gratuitement.
- à faireS'il faut vraiment un élément maison, ajoutez `tabindex="0"`, un rôle et des gestionnaires pour Entrée et Espace.
- à faireDonnez à chaque glisser-déposer un chemin clavier — des boutons monter / descendre suffisent.
Comment c'est signalé
A11ySignal le signale avec un impact grave. Chaque élément en échec arrive avec son sélecteur CSS et le balisage fautif, pour aller droit à la ligne plutôt que de la chercher. Deque publie le détail au niveau du moteur :
https://dequeuniversity.com/rules/axe/4.13/scrollable-region-focusable ↗
Vérification implémentée par axe-core 4.13.0, © Deque Systems, MPL-2.0.
Autres vérifications pour 2.1.1
graveframe-focusable-contentLes cadres avec du contenu focalisable ne doivent pas avoir tabindex=-1
mineurserver-side-image-mapLes images réactives côté serveur ne devraient pas être utilisées