La navigation au clavier, le test le plus rapide et le plus révélateur
Cette page fait partie de L'accessibilité numérique.
Le test qui prend trois minutes
Débranchez la souris. Ouvrez votre page d’accueil. Parcourez le site à la touche de tabulation, et essayez d’aller au bout d’un parcours réel : trouver une information, remplir un formulaire, passer une commande.
Aucun autre test ne révèle autant de choses en aussi peu de temps — et il ne demande aucune compétence technique.
Les quatre défauts qu’il met au jour
1. Le focus invisible
Vous appuyez sur la touche de tabulation et rien ne change à l’écran : vous
ne savez plus où vous êtes. La cause est presque toujours la même, une
règle outline: none héritée d’une réinitialisation CSS, sans
remplacement.
C’est la non-conformité la plus répandue, et la plus simple à corriger.
2. Le focus masqué
Le focus existe, mais il passe sous un en-tête collant, un bandeau de consentement ou un bouton de discussion flottant. Vous voyez l’élément précédent, puis plus rien, puis l’élément suivant.
3. L’ordre incohérent
Le parcours saute d’un bout à l’autre de la page. La cause est en général une mise en page qui réordonne visuellement des blocs en CSS sans toucher à l’ordre du code — fréquent sur les versions mobiles.
4. Le piège
Vous entrez dans un composant — fenêtre modale, carrousel, lecteur vidéo, et très souvent le bandeau de cookies — et vous n’en sortez plus. La tabulation tourne en boucle à l’intérieur.
C’est le défaut le plus grave : il ne dégrade pas l’expérience, il bloque le site entier.
La toute première tabulation, sur n’importe quelle page, devrait révéler un lien d’évitement vers le contenu principal. Sans lui, un utilisateur au clavier traverse l’intégralité du menu à chaque page.
Essayez sur cette page : le lien apparaît en haut à gauche.
Ce qu’une navigation clavier correcte suppose
-
Des éléments natifs. Un
<button>est focalisable et activable gratuitement ; un<div>rendu cliquable ne l’est pas. -
Aucun
tabindexpositif. Il crée un ordre parallèle qui finit toujours par diverger de la lecture. - Un focus visible et contrasté, à 3:1 au moins.
- Une sortie possible de tout composant, à la touche d’échappement, avec retour du focus à l’élément déclencheur.
- Rien d’accessible au seul survol : les menus déroulants doivent s’ouvrir aussi au focus.
Pourquoi cela dépasse le handicap moteur
Les utilisateurs de lecteur d’écran naviguent au clavier. Les personnes qui utilisent la commande vocale, un contacteur ou un pointage oculaire passent par la même couche. Et beaucoup d’utilisateurs experts préfèrent simplement le clavier. Corriger ici sert tout ce monde d’un coup.