Development #41128
Accessibilité : Ordre de tabulation sur les demandes paginées
0%
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
Révisions associées
Historique
Mis à jour par Marie Kuntz il y a environ 4 ans
- Lié à Development #36305: Améliorer l'accessibilité (RGAA) des thèmes ajouté
Mis à jour par A. Berriot il y a plus d'un an
- Fichier 0001-accessibility-replace-focus-at-the-beginning-of-list.patch 0001-accessibility-replace-focus-at-the-beginning-of-list.patch ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
Mis à jour par A. Berriot il y a plus d'un an
- Fichier Peek 2022-08-18 10-56.mp4 Peek 2022-08-18 10-56.mp4 ajouté
- Assigné à changé de A. Berriot à Benjamin Dauvergne
Cf la vidéo jointe pour une idée du rendu
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 ?
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 :)
Mis à jour par A. Berriot il y a plus d'un an
- Assigné à changé de Benjamin Dauvergne à A. Berriot
Mis à jour par A. Berriot il y a plus d'un an
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.
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.
Mis à jour par A. Berriot il y a plus d'un an
- Précède Development #68485: Améliorer l'accessibilité de la pagination ajouté
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)
Mis à jour par Transition automatique il y a plus d'un an
- Statut changé de Résolu (à déployer) à Solution déployée
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é
accessibility: replace focus at the beginning of list on pagination change (#41128)