Ce que dit la norme
Toutes les fonctionnalités du contenu sont utilisables à l'aide d'une interface clavier sans nécessiter un rythme de frappe particulier, sauf quand la fonction sous-jacente nécessite une saisie dépendant du chemin emprunté par le mouvement de l'utilisateur et pas seulement des points de départ et d'arrivée.
Pourquoi c'est important
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.
À quoi ressemble un échec
- é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 A11ySignal le vérifie
3 vérifications automatiques s'exécutent sur ce critère à chaque analyse.
graveframe-focusable-contentLes cadres avec du contenu focalisable ne doivent pas avoir tabindex=-1
gravescrollable-region-focusableVérifier que les régions défilantes sont accessibles au clavier
mineurserver-side-image-mapLes images réactives côté serveur ne devraient pas être utilisées
Ce qu'un outil ne peut pas vous dire
L'automatisation en signale une partie. Le vrai test consiste à ranger la souris et à utiliser la page cinq minutes.