[Onglet] Déplacer le focus à la navigation clavier

[AtJBC]

Bonjour,

Dans le composant onglet, lors de la navigation au clavier avec les flèches gauche et droite sur les boutons, le panneau correspondant est bien affiché, mais le focus n'est pas déplacé sur le bouton de l'onglet actif.

Pour correspondre au pattern APG, il faut déplacer le focus.
https://www.w3.org/WAI/ARIA/apg/patterns/tabs/examples/tabs-automatic/

Côté implamentation angular dans ngx-dsfr, le comportement est correct :
https://foad.phm.education.gouv.fr/edugouvfr/ngx-dsfr/1-17-1/?path=/story/components-tabs--default

[7studio]

Bonjour @AtJBC,

Le focus n'est pas déplacé et crée un piège au clavier en n'offrant pas un ordre logique de tabulation...

Le portage Angular est toujours au top 💪

Côté JavaScript DSFR ça se joue à peu de chose. Il suffirait de faire une petite modification dans component/tab/script/tab/tabs-group.js à la ligne 122 pour que :

this.current.focus();

devienne :

this.current.buttons[0].focus();

Au plaisir de contribuer si c'est la bonne solution technique.

[keryanS]

Bonjour,

Bien vu, merci pour le retour.
Et merci @7studio pour la correction !

Je pousse une PR