Project

General

Profile

Development #40930

Intégrations graphiques Publik - Development #36305: Améliorer l'accessibilité (RGAA) des thèmes

[RGAA][AA] contenus additionnels au survol ou à la prise de focus

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

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

0%

Estimated time:
Patch proposed:
Yes
Planning:
No

Description

pour chaque contenu qui est rendu visible par le survol ou la prise de focus sur un élément, le contenu doit respecter 3 principes :
1. Le contenu peut être masqué autrement qu’en déplaçant la souris hors de la zone ou le focus (par exemple via la touche ESC ou un bouton de fermeture).
2. Le contenu affiché peut être survolé à la souris.
3. Le contenu reste affiché tant que la souris ou le focus ne sont pas déplacés et tant que l’utilisateur n’a pas masqué le contenu (par exemple, il ne doit pas y avoir de timing qui gère la disparition du contenu).

Il faut implémenter un mécanisme de bouton de fermeture ou un évènement au clavier (par exemple, avec la touche Echap) pour pouvoir masquer le sous-menu sans déplacer la souris


Files

menu.png (12.5 KB) menu.png Marie Kuntz (absente), 23 March 2020 05:46 PM
0001-accessibility-support-hiding-menus-through-escape-ke.patch (2.36 KB) 0001-accessibility-support-hiding-menus-through-escape-ke.patch Agate Berriot, 30 August 2022 11:49 AM
Peek 2022-08-30 11-46.mp4 (351 KB) Peek 2022-08-30 11-46.mp4 Démo Agate Berriot, 30 August 2022 11:49 AM
0001-accessibility-support-hiding-menus-through-escape-ke.patch (2.37 KB) 0001-accessibility-support-hiding-menus-through-escape-ke.patch Agate Berriot, 30 August 2022 02:41 PM

Associated revisions

Revision 202c6148 (diff)
Added by Agate Berriot 5 months ago

accessibility: support hiding menus through escape keys (#40930)

History

#1

Updated by Marie Kuntz (absente) about 1 year ago

  • Tags set to accessibilité
#2

Updated by Agate Berriot 5 months ago

  • Assignee set to Agate Berriot
#3

Updated by Agate Berriot 5 months ago

#4

Updated by Agate Berriot 5 months ago

Cf vidéo ci-jointe pour le rendu, même si c'est plus facile de se rendre compte en testant directement. J'ai préféré utiliser des classes dédiées hide-on-escape et contains-hidden-elements pour découpler ça des menus. Ça permettrait de réutiliser plus ou moins tel quel si on a d'autres éléments qui ont besoin de cette logique, par exemple des tooltips (S'il y en a déjà dans combo, n'hésitez pas à me dire où, je peux adapter le patch pour les gérer aussi)

#5

Updated by Frédéric Péters 5 months ago

  • Assignee changed from Benjamin Dauvergne to Agate Berriot
#6

Updated by Corentin Séchet 5 months ago

  • Project changed from Intégrations graphiques Publik to Combo

Est-ce que ça ne serait pas moins dangereux basculer une classe "force-hide" ou quelque chose dans l'idée pour masquer l'élément, plutôt que de basculer un style inline ? Avec ce patch, si pour une raison ou une autre un élément a du style inline défini, ça va l'effacer quand on appuiera sur escape.

#8

Updated by Agate Berriot 5 months ago

Corentin Séchet a écrit :

Est-ce que ça ne serait pas moins dangereux basculer une classe "force-hide" ou quelque chose dans l'idée pour masquer l'élément, plutôt que de basculer un style inline ? Avec ce patch, si pour une raison ou une autre un élément a du style inline défini, ça va l'effacer quand on appuiera sur escape.

J'étais partie du principe qu'on aurait pas de style inline sur les éléments, mais j'ai adapté le patch pour utiliser css() plutôt que attr('style') et alterer seulement la propriété display, ce qui laisse les autres CSS inline en place, s'il y en a.

Si il y a une classe existante qui fait le travail, je peux utiliser un toggle à la place (mais j'ai peur des collisions / problèmes de priorité avec les classes existantes. Au moins avec le inline, je suis à peu près sûre que ça marchera toujours).

#9

Updated by Corentin Séchet 5 months ago

  • Status changed from Solution proposée to Solution validée

Au moins avec le inline, je suis à peu près sûre que ça marchera toujours).

Ça se tient debout :)

#10

Updated by Agate Berriot 5 months ago

  • Status changed from Solution validée to Résolu (à déployer)
commit 202c614849f676001df124f320c1c501288eecd8
Author: Agate Berriot <aberriot@entrouvert.com>
Date:   Tue Aug 30 11:49:28 2022 +0200

    accessibility: support hiding menus through escape keys (#40930)
#11

Updated by Transition automatique 5 months ago

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

Updated by Transition automatique 3 months ago

Automatic expiration

Also available in: Atom PDF