Inacessibilité des modales sur la combinaison TalkBack / Android

[inseo]

Description du bug

L'attribut aria-modal="true" sur un élément dialog (ou doté d'un attribut role="dialog") n'est pas supporté par TalkBack.

De fait, le focus n'est pas capturé dans les modales sur cette combinaison, qui est l'un des deux environnements de test pour terminal mobile du RGAA.

Les étapes de reproduction

1. Aller sur info.gouv.fr/jeux-olympiques-et-paralympiques-2024 au moyen de TalkBack.
2. Cliquer sur 'Paramètres d’affichage' dans l'en-tête du site.
3. Naviguer sur les différents éléments interactifs.
4. Constater que le focus sort de la modale.

Comportement attendu

Arrivé sur le dernier élément interactif, le focus devrait être ramené sur le bouton "Fermer" à la tabulation suivante.

Extrait de code en cause

<dialog id="fr-theme-modal" class="fr-modal fr-modal--opened" aria-labelledby="fr-theme-modal-title" data-fr-js-modal="true" data-fr-js-modal-actionee="true" open="true" aria-modal="true">…<dialog>

Configuration et système utilisé

• Version du DSFR : DSFR v1.11.2
• Appareil : Terminal mobile
• Système d’exploitation : Android 13
• Navigateur et version : Chrome 124

[keryanS]

Bonjour,

Le manque de support de talkback est un problème effectivement, mais nous suivons les recommandations WCAG sur l'implémentation des modales. C'est donc plus à Talkback de corriger leur fonctionnement. https://github.com/angular/components/issues/27892

Keryan, Pour l'équipe du DSFR