Brèves d’audit #7 : piège au clavier dans une fenêtre de dialogue
Cet article fait partie de la série Brèves d’audit, des conseils pour vous aider à éviter des erreurs courantes d’évaluation lors d’un audit d’accessibilité.
Bien que cet exemple s’appuie sur les critères du RAWeb – le référentiel luxembourgeois d’accessibilité numérique qui permet de vérifier la conformité à la norme EN 301 549 –, il s’applique également aux critères correspondants du RGAA et des WCAG.
Erreur de détection
Exemple de non-conformité relevée au critère 12.9 dans un audit fictif :
Lorsqu’on navigue avec le clavier, la tabulation est piégée dans la fenêtre de dialogue : tabuler sur le dernier élément de celle-ci fait revenir sur le premier élément, et inversement si l’on tabule en arrière. Il n’est pas possible de sortir de la fenêtre en tabulant.

Explication
Il ne s’agit pas d’une non-conformité : ce comportement est normal pour une fenêtre de dialogue.
S’il existe un bouton de fermeture, comme c’est le cas ici, ou si une touche du clavier autre que la tabulation permet de fermer la fenêtre (Échap le plus souvent), le comportement ne constitue pas un piège au clavier.
Au contraire, un piège au clavier est avéré lorsqu’il est impossible de quitter un élément ou un composant en utilisant uniquement la touche de tabulation, les touches fléchées, ou les touches habituelles de sortie (Échap, par exemple).
Si d’autres touches sont programmées pour quitter l’élément ou le composant, alors elles doivent être indiquées de manière visible et accessible.
Les pièges au clavier que l’on rencontre lors d’audits résultent le plus souvent de bugs JavaScript. Mais ils peuvent aussi se produire lorsque le fonctionnement d’un composant a été pensé et testé par et pour des personnes qui se servent uniquement d’une souris.
Ressources
- RAWeb : critère 12.9
- WCAG : Understanding Success Criterion 2.1.2: No Keyboard Trap
- ARIA : Dialog (Modal) Pattern
Avez-vous lu les autres brèves d’audit ?
- Lire la brève précédente : Brèves d’audit #6 : l’ordre de tabulation ne suit pas l’ordre visuel
- Lire la série depuis le début : Brèves d’audit #1 : ratio de contraste d’un lien texte
Apprenez à auditer l’accessibilité conformément au RGAA et à la norme EN 301 549 !
Évitez les erreurs courantes lors de vos audits d’accessibilité grâce à notre formation « RGAA : auditer l’accessibilité numérique des sites web ».
Consulter le programme