Accessibilité : les liens d'ancrage ont besoin d'une étiquette

Puisqu’ils sont apparus récemment dans la version bêta 7, je souhaiterais signaler que les liens vers chaque sous-titre dans un long message doivent comporter un attribut aria-label. Tel qu’ils sont actuellement codés, avec simplement une balise a nommée et probablement une image de fond incluse via la classe CSS .anchor, l’outil de lecture d’écran lit un certain nombre (probablement l’ID du message) ainsi que des fragments du titre. Il serait préférable d’être explicite et d’indiquer quelque chose comme « Lien permanent » ou « Lien permanent vers » suivi du texte du sous-titre. Ainsi, les utilisateurs de lecteurs d’écran qui ouvrent une liste de liens sur une page obtiennent des liens correctement nommés.

De plus, serait-il possible de placer l’ancre après le texte du titre à l’intérieur de l’élément h, et non avant ? Actuellement, le lecteur d’écran, lors de la navigation d’un titre à l’autre, lit toujours le lien en premier. Surtout si le texte du titre est répété dans l’étiquette comme suggéré ci-dessus, la lecture peut devenir très fastidieuse. Étant donné que les utilisateurs de lecteurs d’écran obtiennent souvent un aperçu d’une page grâce à la structure des titres (voir diverses enquêtes WebAIM auprès des utilisateurs de lecteurs d’écran), il serait préférable de placer le lien après le texte du titre.

Merci de toujours améliorer l’accessibilité dans Discourse !

4 « J'aime »

Hmm, c’est étrange qu’un numéro soit récupéré quelque part…

En dehors de cela, ces suggestions ont toutes du sens et ne devraient poser aucun problème d’implémentation. Merci encore pour les conseils !

1 « J'aime »

En l’absence d’autre libellé sur un lien, les lecteurs d’écran liront le contenu de l’attribut href, de sorte que les utilisateurs connaissent au moins la destination ou l’URL du lien.

Il existe une excellente analyse technique approfondie sur le sujet des liens d’ancrage accessibles ici : Are your Anchor Links Accessible? | Amber Wilson

2 « J'aime »