search

Orange-OpenSource / a11y-guidelines

Our vision of mobile & web accessibility guidelines and best practices, with valid/invalid examples
https://a11y-guidelines.orange.com/en/
Other
59 stars 19 forks source link

aria-label doit contenir l'intitulé visible - File path : './src/fr/articles/attributs-aria-qui-peuvent-vous-sauver.md' #515

Closed juliemoynatPro closed 5 months ago

juliemoynatPro commented 5 months ago

Bonjour,

Dans l'article Les attributs ARIA qui peuvent vous sauver !, le premier exemple ne répond pas aux règles d'accessibilité :

<button aria-label="accéder au code Hypertext markup language">html</button>

L'attribut aria-label doit contenir au moins l'intitulé visible du bouton afin qu'une personne pilotant son ordinateur à la voix puisse l'atteindre. Ici, ce n'est pas le cas.

Proposition de correction de l'exemple :

<button aria-label="accéder au code html (Hypertext markup language)">html</button>

L'article date de 2018 mais des personnes l'utilisent toujours comme référence. Je pense qu'il serait donc également judicieux d'ajouter une petite phrase à ce sujet dans le chapitre "Faut-il les utiliser et comment ?". Qu'en pensez-vous ?

Merci !

Aniort commented 5 months ago

merci Julie, je vais corriger ça de ce pas, malheureusement, malgré toute l'attention que nous mettons lors de la rédactions d'article, parfois les cordonniers sont... a+

juliemoynatPro commented 5 months ago

Merci Vincent !

(Aucun soucis, ce n'est pas un jugement de ma part ; c'est difficile de maintenir les anciens articles. En plus, les WCAG 2.1 qui ont ajouté le critère "Label in name" sont sorties après cet article.)

Aniort commented 5 months ago

fait et encore merci, on est friand de tout retour, correction, commentaire... a+