Repère · Guides

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

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 page

Voir aussi : ce qu'un outil automatisé voit, et ce qu'il faut tester à la main.