a11y: add aria-labels to form buttons (#41121) #227

fpeters · 2023-04-07T10:09:11+02:00

fpeters commented

2023-04-07 10:09:11 +02:00

No description provided.

fpeters force-pushed wip/41121-a11y-buttons from 7adce891f9 to df18434d40

2023-04-07 10:09:35 +02:00

Compare

fpeters changed title from ~~WIP: a11y: add aria-labels to form buttons (#76293)~~ to WIP: a11y: add aria-labels to form buttons (#41121)

2023-04-07 10:09:49 +02:00

fpeters changed title from ~~WIP: a11y: add aria-labels to form buttons (#41121)~~ to a11y: add aria-labels to form buttons (#41121)

2023-04-07 10:40:32 +02:00

smihai approved these changes 2023-04-07 10:49:02 +02:00

fpeters commented

2023-04-07 10:51:11 +02:00

Je suis remonté sur toute une série d'audits, soit ça n'est pas mentionné, soit parfois c'est mentionné mais avec des suggestions trop spécifiques, par exemple :

Le bouton Suivant devrait être "Étape suivante avec un title="Étape suivante, Vos informations"
Le bouton Abandonner devrait avoir un title="Abandonner ma demande de plainte en ligne" par exemple. L'utilisateur doit savoir ce qu'il abandonne

Dans un autre, la suggestion générale :

De manière générale, les intitulés sur le modèle « valider », « annuler », « enregistrer », etc. sont des intitulés non pertinents. En effet, les utilisateurs qui n’ont pas une vision globale de la page ont besoin de repère et d’informations de contexte pour assurer leurs actions.

Donc ici j'ajoute des aria-label, pour permettre des libellés plus complets, en espérant que ça les aide :

Submit -> Submit form -> Valider la saisie
Next -> Go to next page -> Aller à la page suivante
Previous -> Go back to previous page -> Aller à la page précédente
Cancel -> Cancel form -> Arrêter la saisie ?
Discard -> Discard form -> Abandonner la saisie (ça fait perdre le brouillon mais s'il faut avertir de manière spécifique ça concerne tout le monde, pas ce ticket).

Je suis remonté sur toute une série d'audits, soit ça n'est pas mentionné, soit parfois c'est mentionné mais avec des suggestions trop spécifiques, par exemple : > Le bouton Suivant devrait être "Étape suivante avec un title="Étape suivante, Vos informations" > Le bouton Abandonner devrait avoir un title="Abandonner ma demande de plainte en ligne" par exemple. L'utilisateur doit savoir ce qu'il abandonne Dans un autre, la suggestion générale : > De manière générale, les intitulés sur le modèle « valider », « annuler », « enregistrer », etc. sont des intitulés non pertinents. En effet, les utilisateurs qui n’ont pas une vision globale de la page ont besoin de repère et d’informations de contexte pour assurer leurs actions. Donc ici j'ajoute des aria-label, pour permettre des libellés plus complets, en espérant que ça les aide : * Submit -> Submit form -> Valider la saisie * Next -> Go to next page -> Aller à la page suivante * Previous -> Go back to previous page -> Aller à la page précédente * Cancel -> Cancel form -> Arrêter la saisie ? * Discard -> Discard form -> Abandonner la saisie (ça fait perdre le brouillon mais s'il faut avertir de manière spécifique ça concerne tout le monde, pas ce ticket).

bdauvergne commented

2023-04-07 11:59:17 +02:00

Déjà validé mais je laisse un commentaire quand même pour l'historique: sans pouvoir surcharger les libellés Aria au niveau de la démarche je ne vois pas trop comment aller vers quelque chose de plus proche des commentaires des audits donc c'est parfait.

fpeters merged commit f07e55fe3e into main

2023-04-14 07:58:56 +02:00

fpeters deleted branch wip/41121-a11y-buttons

2023-04-14 07:58:56 +02:00

Sign in to join this conversation.

No reviewers

No Label

No Milestone

No Assignees

3 Participants

Notifications

Due Date

The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: entrouvert/wcs#227