lab9fr
commented
4 months ago Bonjour @fredOpenscop,
La navigation des onglets au clavier suit ce fonctionnement :
Cette ergonomie suit le pattern d'accessibilité des tabs : https://www.w3.org/WAI/ARIA/apg/patterns/tabs/
C'est pour cette raison que les onglets autres que l'actif prenne un tabindex -1, afin d'éviter qu'ils prennent le focus à l'appui sur la touche tab. La navigation d'onglet à onglet s'opère par le biais des flèches gauche et droite. Un appui sur tab permet de naviguer dans le contenu de l'onglet.
Ce fonctionnement n'est pas décrit dans le site de doc, votre question met en évidence ce manque que nous nous efforcerons de corriger.
Merci pour votre contribution Bertrand, pour l'équipe DSFR
keryanS
Bonjour,
Décrire le bug
Lors de l'analyse RGAA de notre site, nous nous sommes rendu compte que les onglets ont un tabindex à -1 après leur sélection, les rendant de ce fait non focusable au clavier.
Le problème est visible sur la page de votre site aussi : https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/onglet
Cette fois-ci, il semblerait que le tabindex soit à -1 sur ceux non sélectionnés donc pas tout à fait le même cas.
Les étapes pour reproduire le bug
Simplement naviguer au clavier sur une page avec des onglets
Comportement attendu
Il doit être possible de naviguer sur tous les onglets (sauf peut-être l'actif ?) avec les tab et shift+tab
Capture d’écran
Configuration et système utilisé
Informations complémentaires