Outil gratuit
Parcours au clavier
Beaucoup de gens ne touchent jamais à une souris : handicap moteur, tremblements, lecteur d'écran, ou simple habitude. Nous listons chaque arrêt de la touche Tab sur votre page, dans l'ordre, et ce qu'elle n'atteint pas.
Essayez vous-même en deux minutes
- Mettez la souris de côtéOuvrez votre page, cliquez dans la barre d'adresse, puis appuyez plusieurs fois sur Tab.
- Suivez le repèreÀ chaque appui, un contour visible doit montrer où vous êtes. S'il disparaît, le style de focus a été retiré.
- Servez-vous-enOuvrez le menu avec Entrée, remplissez le formulaire de contact, fermez une fenêtre avec Échap. Maj + Tab revient en arrière.
Ce qui fait un bon parcours au clavier
01
De vrais éléments
Des liens avec href, des <button> pour les actions : le navigateur gère seul Tab, Entrée et Espace.
02
Un focus visible
Jamais d'outline: none sans remplacement. :focus-visible montre le contour au clavier seulement.
03
Un raccourci
Un lien « Aller au contenu » en premier arrêt évite des dizaines d'appuis sur chaque page.
L'ordre de la liste ci-dessus est celui de votre code. Si un élément apparaît à l'écran à un endroit mais dans le code ailleurs (grille CSS, order, position absolue), le focus fera des sauts : corrigez l'ordre du code plutôt que d'ajouter des tabindex.
