[Accessibilité] Images décoratives à ignorer pour les lecteurs d'écran

[seinhorn]

ETQ visiteur du blog en situation de handicap
Je souhaite pouvoir accéder aux contenus optimisés pour les outils d'assistance comme les lecteurs d'écran

Contexte

Actuellement la majorité des images du blog ont une alternative textuelle peu significative ou redondante avec le titre de l'article ou l'auteur.

Besoin

Il faudrait permettre aux visiteurs du blog en situation de handicap d'avoir des informations significatives.

Solution

Ajouter la mention aria-hidden="true" pour toutes les images décoratives du projet.

1. Cover (Article)

<img class="post-page__cover" src="/imgs/articles/[...]/cover-[...]" alt="[...]" [...] aria-hidden="true">

2. Avatar (Auteur)

<img src="/imgs/authors/[...]" alt="[...]" class="author-page__avatar-img" aria-hidden="true">

Documentation :
https://docs.google.com/spreadsheets/d/10vwRgRJj07PcW3w1iCc21QxfF6Gshn0s9-P8EGU8BKs/edit?gid=418219487#gid=418219487