@nhoizey @nicod_ @marien @dav Pour moi deux situations :
* Celle de NicoH ici : un petit lien [caractère cabalistique], dans ce cas je mets un aria-label (surtout si c'est mon site où je maîtrise les risques de traduction, surtout en automatisant), et ça fera moins de bruit pour la plupart des agents utilisateurs (parce que là ça a l'air bien redondant)
* pour désambiguiser des trucs moins verbeux, je mets un span stylé « Lire l'article <span class="sr-only">Barbatruc</span> »

@accessiblestef ton second cas fait penser à un lien vers un autre contenu, pas vers une ancre du contenu courant.

@nicod_ @marien @dav

@nhoizey Oui c'est ça. Ou des boutons.
C'est pourquoi je disais que ton cas est plutôt le premier.
@nicod_ @marien @dav

Follow

@accessiblestef ok, j'avais pas compris. Dans ma mise en œuvre, c'est redondant à la lecture complète, mais on peut aussi avoir soit la liste des titres, soit la liste des liens. Avec le lien dans le titre ou l'inverse, ça pose problème, c'est surtout de là que vient la réflexion d'Amber.

@nicod_ @marien @dav

· · Web · 2 · 0 · 0

@nhoizey (je dois avouer que je n'ai pas encore lu les articles auxquels vous faisiez référence au début, j'ai les bras pleins là) @nicod_ @marien @dav

@accessiblestef y'a pas de mal, c'est toujours bon d'avoir ton avis quand même ! 👍

@nicod_ @marien @dav

@nhoizey @nicod_ @marien @dav Bon, j'ai lu.

On ne cherche pas dans une liste de liens les titres de la page, donc l'idée de « soit la liste des titres, soit la liste des liens » est un peu caduque.

Pour ton cas, je maintiens : le aria-label sur un caractère m'est plus « naturel ».

@accessiblestef effectivement, la liste de liens est plutôt demandée pour sortir de la page, si je ne m'abuse… 🤦‍♂️

Du coup, il ne faudrait même pas que ces liens soient annoncés ?

Des points de vues (contradictoires) intéressants à partir de github.com/valeriangalliat/mar

@nicod_ @marien @dav

@nhoizey Non, quand tu regardes la liste des liens c'est pour trouver les liens (nous en tant que concepteurs ne devons pas préjuger de l'intention de notre visiteur), y compris les liens d'évitement etc.
C'est pas grave d'avoir des liens visibles et annonçables vers tes titres dans ta page (regarde quand on fait une table des matières).

Je suggère juste que si on désactive CSS (ou qu'on est dans un autre UA), ils ne prennent pas autant de place que chez toi :)

@nicod_ @marien @dav

@nhoizey La solution de Thierry Koblenz est assez proche de ce que je suggérerais, oui. (Mais velue en CSS, quand même : j'ai tendance à choisir la simplicité, personnellement, mais YMMV).
@nicod_ @marien @dav

@accessiblestef ok pour la liste des liens. La place prise sans styles spécifiques n'est pas si grande, non ?

@nicod_ @marien @dav

@nhoizey À titre perso je trouve ça pénible, et donc je réitère ma suggestion d'origine : Caractère de ton choix, lien autour avec aria-label généré dynamiquement comme tu l'as fait.

@nicod_ @marien @dav

@nhoizey (« comme tu l'as fait » = généré dynamiquement, j'entends, nos lecteurs auront etc.) @nicod_ @marien @dav

@accessiblestef c'est vraiment compliqué, ce sujet, en fait ! 😭

Synthèse des différentes possibilités évoquées pour l'instant, et aucune n'est complètement satisfaisante :
github.com/valeriangalliat/mar

@nicod_ @marien @dav

@nhoizey … ni bloquante. Tu as trop de temps libre toi ces jours-ci, non ? :)
@nicod_ @marien @dav

Sign in to participate in the conversation
La Quadrature du Net - Mastodon - Media Fédéré

Mamot.fr est une serveur Mastodon francophone, géré par La Quadrature du Net.