Critères de succès

WCAG 2.1.2 Pas de piège au clavier

Le critère de succès 2.1.2 exige que, si le focus clavier peut être amené sur un composant au moyen d'une interface clavier, il puisse également être déplacé hors de ce composant au seul clavier - et si en sortir demande autre chose que les touches fléchées ou la tabulation, la personne doit être informée de la façon de procéder. C'est un critère de niveau A sous la règle 2.1 (Accessibilité au clavier), étroitement lié au critère 2.1.1 Clavier.

Pourquoi c'est un critère distinct du critère Clavier

Un composant pourrait techniquement satisfaire l'exigence d'être « utilisable au clavier » (critère 2.1.1) - une fenêtre modale qui s'ouvre par tabulation - tout en échouant à ce critère-ci s'il n'existe aucun moyen accessible au clavier de la fermer et de rendre le focus au reste de la page. Pouvoir entrer dans un composant et pouvoir en sortir sont deux exigences réellement distinctes, ce qui est précisément la raison pour laquelle les WCAG les séparent.

L'exemple classique

Une fenêtre modale ou un composant embarqué - un ancien objet Flash, certains éditeurs de texte enrichi sur mesure, certains contenus tiers intégrés - qui capte le focus clavier et ne le relâche jamais : la personne y entre par tabulation, aucun gestionnaire de la touche Échap n'est prévu, aucun bouton de fermeture accessible n'existe, et la tabulation ne fait que boucler indéfiniment à l'intérieur du composant, sans issue. La personne est bloquée.

L'exception, étroite

Si en sortir exige réellement autre chose que les touches fléchées, la tabulation ou d'autres méthodes de sortie standard, cela n'est admis que si la personne est informée de la marche à suivre : un composant d'édition de code qui capte volontairement la tabulation pour l'indentation doit par exemple indiquer « appuyez sur Échap puis sur Tab pour déplacer le focus », plutôt que de piéger silencieusement la personne sans aucune indication.

Comment le vérifier

Entrez par tabulation dans chaque composant interactif d'une page et vérifiez que vous pouvez en ressortir vers le reste de la page avec la tabulation - ou avec Échap, puis la tabulation. C'est un test manuel rapide et mécanique : contrairement à beaucoup de critères WCAG, un véritable piège au clavier est généralement évident dès l'essai, puisque vous vous retrouvez dans l'impossibilité d'en sortir.

Questions fréquentes

Qu'est-ce que le critère WCAG 2.1.2 ?

Un critère de niveau A : si vous pouvez amener le focus dans un composant au clavier, vous devez pouvoir l'en faire ressortir avec les touches standard, sans jamais rester piégé.

Quel est un piège au clavier courant ?

Une fenêtre modale ou un composant embarqué - lecteur multimédia, extension tierce - qui capte la tabulation et ne laisse pas le focus revenir à la page.

Comment corriger un piège au clavier ?

Assurez-vous que Tab, Maj+Tab et Échap font sortir le focus de chaque composant ; pour les fenêtres modales, mettez en place un confinement du focus correct, qui permet tout de même de fermer et de rendre le focus.