Development #41115
Development #36305: Améliorer l'accessibilité (RGAA) des thèmes
[RGAA][AA] Menu principal ne permet pas d'afficher les sous menus via le clavier
0%
Description
Contrôle des contenus additionnels au clavier – critère 10.14 [AA]
Les contenus qui apparaissent au survol d'un élément, au moyen de CSS, doivent apparaitre également au clavier :
• Le contenu apparait également au clavier ;
• Le contenu apparait suite à l'activation d'un composant ou d'une fonctionnalité ;
Lors de la navigation au clavier uniquement, il faut que lorsque le curseur se trouve sur le lien « Mes demandes » et que l’utilisateur effectue une tabulation ne pas déplacer le curseur sur le lien « Mon compte » mais sur le premier élément atteignable au clavier du sous menu (qui devrait être le lien « En cours d'instruction »).
Fichiers
Révisions associées
Historique
Mis à jour par Marie Kuntz il y a environ 4 ans
- Sujet changé de [RGAA][AA] Menu principal ne permets pas d'afficher les sous menus via le clavier à [RGAA][AA] Menu principal ne permet pas d'afficher les sous menus via le clavier
Mis à jour par Frédéric Péters il y a environ 4 ans
- Fichier 0001-a11y-display-navigation-submenu-when-using-keyboard-.patch 0001-a11y-display-navigation-submenu-when-using-keyboard-.patch ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
(mais pas avec Internet Explorer)
Mis à jour par Frédéric Péters il y a environ 4 ans
- Fichier 0001-a11y-display-navigation-submenu-when-using-keyboard-.patch 0001-a11y-display-navigation-submenu-when-using-keyboard-.patch ajouté
Modification pour changer le display uniquement en desktop parce que sinon on peut se trouver (en tout cas lors de tests où on bascule de vue) avec le sous-menu affiché alors que la navigation ne devrait pas l'être du tout.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 4 ans
Pourquoi l.120 et l.121 on utiliserait pas directement `a:hover, a:focus` ?
Sinon, on parcours bien les sous éléments via la touche tab (sens aller) mais pas avec alt-tab (sens retour), ce qui peut-être troublant ?
Mis à jour par Frédéric Péters il y a environ 4 ans
Pourquoi l.120 et l.121 on utiliserait pas directement `a:hover, a:focus` ?
Parce que ça va avoir des conséquences qu'il faudrait mesurer. De ce que je peux voir de l'historique on a eu à un moment "li a:hover / li.selected a" et ça a été unifié en "li:hover a / li.selected a" (dans le gros #8504), vraisembablement par symétrie et pour ne pas avoir à modifier le balisage.
Sinon, on parcours bien les sous éléments via la touche tab (sens aller) mais pas avec alt-tab (sens retour), ce qui peut-être troublant ?
Uh? Maj-tab pour moi aller dans l'autre sens marche bien.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 4 ans
Oui, maj-tab.
Chez moi en sens inverse, les éléments du sous-menu ne sont pas parcourus (le sous-menu étant en display:none). On parcours uniquement les éléments du level 1.
Mis à jour par Frédéric Péters il y a environ 4 ans
Ah, pour le cas (en prenant la capture attachée comme référence) où tu es sur "mon compte", maj-tab amène à "mes demandes" (et ouvre le sous-menu), je trouve ça plutôt correct comme comportement.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 4 ans
- Statut changé de Solution proposée à Solution validée
je trouve ça plutôt correct comme comportement
C'est un comportement particulier. Je n'ai pas d'avis tranché, n'étant pas aveugle. C'est typiquement un choix qui demanderait un test utilisateur auprès du public concerné.
Parce que ça va avoir des conséquences qu'il faudrait mesurer
Derrière ma remarque je pensais à la compatibilité IE11 qui aurait pu être supporté. Un autre ticket… un autre jour.
Pas d'autres remarques.
Mis à jour par Frédéric Péters il y a environ 4 ans
- Statut changé de Solution validée à Résolu (à déployer)
commit 0bdb92825cf93f05c0eaf74d702a4b4416fe8d70 Author: Frédéric Péters <fpeters@entrouvert.com> Date: Sat Mar 28 20:15:24 2020 +0100 a11y: display navigation submenu when using keyboard navigation (#41115)
Mis à jour par Frédéric Péters il y a environ 4 ans
- Statut changé de Résolu (à déployer) à Solution déployée
a11y: display navigation submenu when using keyboard navigation (#41115)