Skip to content

Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →

Vérifier la navigation au clavier : tout accessible, rien bloqué

Tout ce qui fonctionne à la souris doit aussi fonctionner au clavier — et le focus doit sortir partout. Une surface que l'on entre avec Tab et que l'on ne quitte que par rechargement est un piège au clavier et une violation au niveau A.

  • Le test d'auto-contrôle le plus rapide coûte deux minutes : posez la souris et actionnez votre page uniquement avec Tab, Maj+Tab, Entrée, Barre d'espace et les touches fléchées. Là où vous restez bloqué ou où vous ne pouvez rien déclencher, c'est un constat.
  • Les pièges typiques sont les éléments d'interface personnalisés : un <div> avec un événement Click est invisible pour le clavier. De même les dialogues qui ne capturent pas la mise en avant — vous tabez derrière la fenêtre et actionnez les éléments invisibles derrière.
  • Les zones défilables entrent également dans cette catégorie : une boîte avec débordement horizontal doit être focalisable, sinon personne sans souris n'atteint sa partie droite. Nous avons trouvé ce constat deux fois sur notre propre site.

Deutsche Fassung — mit allen Prüfpunkten dieses Themas