Le menu de navigation principal du DSFR n'est pas accessible lorsque la navigation se fait au clavier.

[alainbat]

Décrire le bug

Depuis la mise à jour vers la version 1.12 du DSFR, sur le menu de navigation principal des sites Service-Public.fr et Vie-publique.fr, les problèmes d’accessibilité suivants sont observés :

• Lorsqu’un élément d’un sous-menu reçoit le focus clavier, l’appui sur la touche « Échap » ne ferme pas ce sous-menu.
• Lorsque le focus clavier est positionné sur un élément de premier niveau dans le menu de navigation principale, l’appui sur la touche « Échap » ne ferme pas le sous-menu affiché.
• Lorsque le focus clavier quitte le sous-menu ou le menu principal, le sous-menu affiché ne se referme pas automatiquement.

Ces anomalies doivent être corrigées pour respecter le critère RGAA 10.13.

Les étapes pour reproduire le bug

Exemple :

1. Aller sur la page "Navigation principale", rubrique "Menu déroulant" sur le site du DSFR
   https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants/navigation-principale
2. Au clavier, ouvrir un sous menu.

Comportement attendu

• Lorsqu’un élément d’un sous-menu reçoit le focus clavier, l’appui sur la touche « Échap » doit fermer le sous-menu et repositionner le focus sur le bouton de premier niveau ayant déclenché son ouverture.
• Lorsque le focus clavier est positionné sur un élément de premier niveau dans le menu de navigation principal, l’appui sur la touche « Échap » doit fermer le sous-menu sans bouger le focus.
• Lorsque le focus clavier quitte le sous-menu affiché ou le menu de navigation principal, le sous-menu doit se refermer automatiquement.

Recommandation fonctionnelle
Il est fortement recommandé de fermer automatiquement le sous-menu dès que le focus en sort, afin que l’utilisateur n’ait pas à rechercher le bouton de premier niveau ayant déclenché son ouverture.

Capture d’écran

Configuration et système utilisé

• Version du DSFR : 1.12
• Appareil desktop
• Système d’exploitation : Windows 10
• Navigateur et version : FF 128.1.0, Chrome 128.0.6613.114, Edge 128.0.2739.67

Informations complémentaires

Example Disclosure Navigation Menu
Critère WCAG 2.1 1.4.13 : Contenu au survol ou au focus