GouvernementFR / dsfr

🇫🇷 Official french government's design system (Système de Design de l'État)
https://www.systeme-de-design.gouv.fr/
Other
247 stars 55 forks source link

[RGAA] onglets non navigables au clavier #922

Closed fredOpenscop closed 6 months ago

fredOpenscop commented 7 months ago

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

initial second troisieme

Configuration et système utilisé

Informations complémentaires

lab9fr commented 7 months ago

Bonjour @fredOpenscop,

La navigation des onglets au clavier suit ce fonctionnement :

Screenshot 2024-04-26 at 16 17 54

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 commented 6 months ago

Je ferme l'issue suite à la réponse de Bertrand. Un ticket concernant l'ajout de précision dans la documentation à été créé.

En vous remerciant, Keryan, pour l'équipe DSFR