Projet

Général

Profil

Development #41128

Accessibilité : Ordre de tabulation sur les demandes paginées

Ajouté par Marie Kuntz il y a environ 4 ans. Mis à jour il y a plus d'un an.

Statut:
Fermé
Priorité:
Normal
Assigné à:
Version cible:
-
Début:
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:
Non

Description

L'ordre de tabulation n'est pas correcte lorsqu'on utilise les systèmes de pagination.
Lorsqu'on clique sur les boutons de pagination, le contenu précédent (la liste des brouillons en cours par exemple) est rechargé mais le focus reste au même emplacement. Cela nécessite donc à l'utilisation de revenir en arrière dans la page ce qui n'est pas cohérent.
Correction
Lorsque le contenu est rechargé, il faut déplacer le focus sur le premier élément atteignable au clavier du nouveau contenu affiché.


Fichiers


Demandes liées

Lié à Intégrations graphiques Publik - Development #36305: Améliorer l'accessibilité (RGAA) des thèmesNouveau20 septembre 2019

Actions
Dupliqué par Intégrations graphiques Publik - Development #43745: [RGAA][A] Les boutons permettant de changer de page mettent à jour un contenu qui les précèdent.Fermé08 juin 2020

Actions
Précède Combo - Development #68485: Améliorer l'accessibilité de la paginationNouveau29 août 2022

Actions

Révisions associées

Révision ea510ca0 (diff)
Ajouté par A. Berriot il y a plus d'un an

accessibility: replace focus at the beginning of list on pagination change (#41128)

Historique

#1

Mis à jour par Marie Kuntz il y a environ 4 ans

#2

Mis à jour par Marie Kuntz il y a plus de 2 ans

  • Tags mis à accessibilité
#3

Mis à jour par A. Berriot il y a plus d'un an

  • Assigné à mis à A. Berriot
#4

Mis à jour par A. Berriot il y a plus d'un an

#5

Mis à jour par A. Berriot il y a plus d'un an

Cf la vidéo jointe pour une idée du rendu

#6

Mis à jour par Thomas Jund il y a plus d'un an

Il ne serait pas suffisant de simplement ajouter un attribut tabIndex="-1" sur la div.links-list et de lui donner le focus à chaque click sur un bouton de navigation ?

#7

Mis à jour par A. Berriot il y a plus d'un an

Thomas Jund a écrit :

Il ne serait pas suffisant de simplement ajouter un attribut tabIndex="-1" sur la div.links-list et de lui donner le focus à chaque click sur un bouton de navigation ?

Effectivement, ça fait un patch plus léger, avec un focus potentiellement inutile sur la div parente, mais je ne pense pas que ça soit un problème :)

#8

Mis à jour par A. Berriot il y a plus d'un an

  • Assigné à changé de Benjamin Dauvergne à A. Berriot
#10

Mis à jour par Thomas Jund il y a plus d'un an

  • Statut changé de Solution proposée à Solution validée

avec un focus potentiellement inutile sur la div parente

Si on souhaite vraiment que ce widjet soit accessible (et pas juste cocher une case dans un rapport d'accessibilité), il faudrait que les boutons aient des labels explicites (genre "liste des brouillons page 3") et que la 'div parent' qui reçoit le focus ait un label de rappel "page 3" qui serve de feedback pour indiquer que le click que le bouton a fonctioné. Mettre un focus "inutile" sur le parent permettra par la suite de lui associé un label (soi via aria-labelledby, soit via un titre, etc.), donc pas si inutile que ça à mon avis.

#11

Mis à jour par A. Berriot il y a plus d'un an

Thomas Jund a écrit :

avec un focus potentiellement inutile sur la div parente

Si on souhaite vraiment que ce widjet soit accessible (et pas juste cocher une case dans un rapport d'accessibilité), il faudrait que les boutons aient des labels explicites (genre "liste des brouillons page 3") et que la 'div parent' qui reçoit le focus ait un label de rappel "page 3" qui serve de feedback pour indiquer que le click que le bouton a fonctioné. Mettre un focus "inutile" sur le parent permettra par la suite de lui associé un label (soi via aria-labelledby, soit via un titre, etc.), donc pas si inutile que ça à mon avis.

Tu as raison. Je crée un ticket séparé pour ça.

#12

Mis à jour par A. Berriot il y a plus d'un an

#13

Mis à jour par A. Berriot il y a plus d'un an

  • Statut changé de Solution validée à Résolu (à déployer)
commit d6e716a56c50c08b55ad3501df3f39612edeeb15
Author: Agate Berriot <aberriot@entrouvert.com>
Date:   Mon Aug 29 09:57:30 2022 +0200

    accessibility: replace focus at the beginning of list on pagination change (#41128)
#14

Mis à jour par Transition automatique il y a plus d'un an

  • Statut changé de Résolu (à déployer) à Solution déployée
#15

Mis à jour par A. Berriot il y a plus d'un an

  • Dupliqué par Development #43745: [RGAA][A] Les boutons permettant de changer de page mettent à jour un contenu qui les précèdent. ajouté
#16

Mis à jour par Transition automatique il y a plus d'un an

Automatic expiration

Formats disponibles : Atom PDF