Ordre du focus
Silktide trouve les éléments qui outrepassent l’ordre selon lequel les utilisateurs du clavier se déplacent dans la page. Par défaut, appuyer sur Tab parcourt les liens et les contrôles de formulaire dans l’ordre où ils apparaissent dans le code de la page ; un attribut tabindex positif impose un ordre personnalisé, ce qui est presque toujours une erreur.
<!-- Force ce champ à être atteint avant tout le reste de la page -->
<input tabindex="1" name="search">
Pourquoi c’est important
Les utilisateurs du clavier s’attendent à ce que la touche Tab parcoure une page dans un ordre prévisible correspondant à ce qu’ils voient. Un tabindex positif détourne cet ordre : le focus saute d’abord vers les éléments numérotés, puis revient vers tout le reste, ce qui peut faire bondir le à travers la page. C’est aussi fragile : ajouter un nouvel élément plus tard impose de tout renuméroter, et cela se casse souvent lorsque les pages évoluent.
Comment corriger
- Supprimez les valeurs
tabindexpositives et laissez l’ordre naturel de l’ déterminer l’ordre de tabulation. - Si l’ordre naturel prête à confusion, réorganisez les éléments dans votre HTML (en utilisant le CSS pour la mise en page visuelle) plutôt que de masquer le problème avec
tabindex. - Les autres valeurs de
tabindexsont acceptables et ne sont pas signalées :tabindex="0"rend un élément focalisable au clavier à sa position naturelle, utile pour les contrôles personnalisés.tabindex="-1"retire un élément de la navigation avec Tab, utile pour les éléments qui reçoivent le focus par script, comme les boîtes de dialogue.
Comment Silktide teste cela
- Trouver chaque élément de la page possédant un attribut
tabindexexplicite. - Signaler chaque élément dont le
tabindexest supérieur à 0, comme un problème probable à confirmer. - Les valeurs égales ou inférieures à 0 ne sont pas signalées.
Dépannage
Nous utilisons volontairement des valeurs tabindex positives
Il arrive rarement que l’ordre du code d’une page ne puisse réellement pas correspondre à son ordre logique, et que des valeurs tabindex positives soient la seule solution. Si vous avez vérifié, en parcourant la page avec Tab, que l’ordre a du sens, vous pouvez marquer le constat comme vérifié.