Débranchez votre souris dix minutes : ce que ça révèle de votre site
Voici un test qui prend dix minutes et qui en dit plus long sur l'accessibilité réelle de votre site que n'importe quel rapport : débranchez la souris (ou éloignez-la, simplement) et essayez de faire, au clavier seul, tout ce qu'un visiteur ferait normalement. Ouvrir le menu, remplir le formulaire de contact, ajouter un produit au panier, fermer une bannière de cookies. Rien que ça.
Les deux touches à connaître
Tab avance d'un élément interactif au suivant (lien, bouton, champ). Maj + Tab recule. Entrée ou Espace active l'élément sélectionné. Échap ferme normalement ce qui s'est ouvert (menu, modale). C'est tout ce qu'il faut pour faire le test — pas besoin d'installer quoi que ce soit.
Ce qu'on découvre, presque à chaque fois
- Le focus disparaît. On appuie sur Tab, quelque chose est censé être sélectionné quelque part sur la page — mais rien ne le montre visuellement. Impossible de savoir où on en est. C'est souvent un style CSS qui a supprimé le contour de focus par défaut « parce que ce n'était pas joli », sans rien mettre à la place.
- Un menu qui s'ouvre… et ne se ferme jamais au clavier. On clique dessus à la souris d'habitude ; au clavier, on reste coincé dedans, obligé de recharger la page.
- Des boutons invisibles pour Tab. Un
<div>stylé comme un bouton, cliquable à la souris, mais que le clavier saute complètement parce que ce n'est techniquement pas un élément interactif. - La bannière de cookies qui bloque tout. Le bouton « Accepter » existe, mais rien n'y mène au clavier — la page entière reste inutilisable tant qu'on n'a pas repris la souris.
Pourquoi ça ne concerne pas « juste » un petit nombre de gens
On pense d'abord aux personnes qui ne peuvent pas utiliser de souris pour des raisons motrices — et c'est bien pour elles que ce test compte le plus. Mais la liste est plus longue : quelqu'un qui navigue au clavier parce que son trackpad est cassé ce jour-là, un utilisateur de lecteur d'écran (qui navigue presque exclusivement au clavier), quelqu'un qui remplit un formulaire long et préfère Tab plutôt que de viser chaque champ à la souris. Un site qui marche mal au clavier gêne plus de monde qu'on ne l'imagine, la plupart du temps sans qu'ils s'en plaignent — ils partent, simplement.
Le correctif le plus rentable : remettre le focus visible
Si vous ne corrigez qu'une chose après ce test, que ce soit celle-là. Un indicateur de focus net (un contour visible, une ombre, un changement de fond) sur chaque lien, bouton et champ ne demande généralement que quelques lignes de CSS, et rend immédiatement tout le reste du site plus navigable — même les problèmes qu'on n'a pas encore corrigés deviennent au moins repérables.
Avant même de faire le test vous-même, Repère peut détecter automatiquement les boutons non atteignables au clavier et les liens qui n'ont pas de nom explicite — un premier tri avant votre propre test à la main.
Scanner ma pageVoir aussi : ce qu'un outil automatisé voit, et ce qu'il faut tester à la main.