Accessibilité logo header

[Thomas Beduneau]

Le lien du logo n'a aucune information textuelle, ne permettant pas de savoir clairement où il emmène.

En étant sur la home, deux options sont possibles : * ne pas avoir de lien * garder le lien mais ajouter l'attribut aria-current="page"

Dans le cas des autres pages, et de la homepage si le lien reste, il faudrait rajouter une information textuelle du type "Back to homepage".

[Geoffrey Crofte]

Je ne connaissais pas aria-current. Est-ce que ça marche aussi pour les ancres internes à la page courante ?

aria-label pour être porteur de "Back to homepage" c'est suffisant tu crois ? Sinon je balance un title dans le SVG, ou un screen-reader-text à côté.

Merci à toi, tu déchires ;)

[Thomas Beduneau]

aria-label est suffisant. C'est plus côté SEO qu'il faut voir si avoir un lien sans texte est embêtant ou pas, je ne sais pas si aria-label est lu par les robots.

aria-current est très cool, plus besoin de créer un classe current ^^ Tu peux l'utiliser sur les ancres de la nav en mettant la valeur à true pour celui qui est courant. Je te laisse voir cet article pour plus de détails https://tink.uk/using-the-aria-current-attribute/

[Geoffrey Crofte]

Excellent ! Merci beaucoup :)

[Thomas Beduneau]

🎉