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 »).
Files
Associated revisions
History
Updated by Marie Kuntz (absente) almost 3 years ago
- Subject changed from [RGAA][AA] Menu principal ne permets pas d'afficher les sous menus via le clavier to [RGAA][AA] Menu principal ne permet pas d'afficher les sous menus via le clavier
Updated by Frédéric Péters almost 3 years ago
- File 0001-a11y-display-navigation-submenu-when-using-keyboard-.patch 0001-a11y-display-navigation-submenu-when-using-keyboard-.patch added
- Status changed from Nouveau to Solution proposée
- Patch proposed changed from No to Yes
(mais pas avec Internet Explorer)
Updated by Frédéric Péters almost 3 years ago
- File 0001-a11y-display-navigation-submenu-when-using-keyboard-.patch 0001-a11y-display-navigation-submenu-when-using-keyboard-.patch added
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.
Updated by Thomas Jund almost 3 years ago
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 ?
Updated by Frédéric Péters almost 3 years ago
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.
Updated by Thomas Jund almost 3 years ago
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.
Updated by Frédéric Péters almost 3 years ago
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.
Updated by Thomas Jund almost 3 years ago
- Status changed from Solution proposée to 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.
Updated by Frédéric Péters almost 3 years ago
- Status changed from Solution validée to 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)
Updated by Frédéric Péters almost 3 years ago
- Status changed from Résolu (à déployer) to Solution déployée
a11y: display navigation submenu when using keyboard navigation (#41115)