Clavier

Ne pas retirer de l’ordre de tabulation un iframe qui a du contenu

Règle: frame-focusable-content
Gravité: Sérieux
Niveau WCAG A

Pourquoi c’est important

tabindex="-1" sur un iframe sort le cadre de la séquence de tabulation mais pas les composants qu’il contient : ils restent annoncés tout en devenant inatteignables au clavier.

Comment corriger

Retirez tabindex="-1" de l’iframe.
Si le cadre n’a réellement rien d’interactif, supprimez plutôt son contenu focusable.

Dans le balisage

Échoue

<iframe src="/widget" title="Chat" tabindex="-1"></iframe>

Réussit

<iframe src="/widget" title="Chat"></iframe>

L’exigence sous-jacente

Cette règle est une manière d’échouer aux critères de succès WCAG 2.2 suivants. Le W3C, qui rédige la norme, explique chacun d’eux :

2.1.1 Clavier (s’ouvre dans un nouvel onglet) — Niveau WCAG A

Pour aller plus loin

Deque University sur frame-focusable-content (s’ouvre dans un nouvel onglet)

Deque développe axe-core, le moteur open source utilisé par notre scanner. Sa page documente la règle telle que le moteur l’implémente.

Les contrôles automatiques trouvent les défaillances qu’un navigateur peut prouver. Ils ne peuvent pas juger si un sous-titrage est fidèle, si une alternative textuelle est utile, ni si une page s’utilise de bout en bout au clavier : cela demande une personne.