Project

General

Profile

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

Added by Marie Kuntz (absente) almost 3 years ago. Updated almost 3 years ago.

Status:
Fermé
Priority:
Normal
Assignee:
-
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Patch proposed:
Yes
Planning:
No

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

Revision 0bdb9282 (diff)
Added by Frédéric Péters almost 3 years ago

a11y: display navigation submenu when using keyboard navigation (#41115)

History

#1

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
#2

Updated by Frédéric Péters almost 3 years ago

(mais pas avec Internet Explorer)

#3

Updated by Frédéric Péters almost 3 years ago

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.

#4

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 ?

#5

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.

#6

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.

#7

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.

#8

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.

#9

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)
#10

Updated by Frédéric Péters almost 3 years ago

  • Status changed from Résolu (à déployer) to Solution déployée

Also available in: Atom PDF