Les images de décoration : le conflit
Les images de décoration sont des éléments visuels utilisés à des fins esthétiques. Les supprimer n’enlève aucune information. Cependant, en matière de SEO, il est parfois intéressant d’utiliser ces images afin d’en favoriser l’indexation, tandis que les technologies d'assistance doivent les ignorer pour une meilleure accessibilité.
Cas pratique : Le site de peluches
Prenons l'exemple d'un site de vente en ligne. Le SEO fait le choix de renseigner les attributs alt des images de décoration (qui ne sont pas des liens) pour placer des mots-clés.
1. La demande de l'expert SEO
L'attribut alt est exploité par le SEO pour fournir du contexte aux moteurs de recherche. Voici ce que demande le référenceur :
<img src="yeti-panda.png"
alt="Peluche Yéti Panda - IA intégrée pour raconter des histoires">L’attribut contient ici une description riche pour Google.
2. Le refus de l'expert A11Y
Pour l'expert en accessibilité, puisque l’image n’apporte pas d’information (c'est juste une illustration d'ambiance), elle doit être ignorée par les lecteurs d'écran.
Si l'attribut alt est rempli, le lecteur d'écran va lire la description, ce qui est considéré comme du "bruit" inutile pour l'utilisateur aveugle. L’image est donc invalidée (Critère 1.2 du RGAA).
Le code conforme pour l'accessibilité serait :
<img src="yeti-panda.png" alt="">La solution : Attributs ARIA à la rescousse
Nous avons un conflit : attribut rempli (SEO) vs attribut vide (A11Y). Il est heureusement possible de concilier les deux grâce à l'attribut aria-hidden="true".
Cet attribut dit explicitement aux technologies d'assistance : "Ignore cet élément", même s'il possède un texte alternatif.
On garde le texte pour Google, mais on le cache aux lecteurs d'écran.
<img src="yeti-panda.png"
alt="Peluche Yéti Panda - IA intégrée pour raconter des histoires"
aria-hidden="true">Dans cet exemple :
- L'attribut alt est lu par les robots d'indexation (SEO content).
- L'attribut aria-hidden="true" masque l'élément pour les utilisateurs de lecteurs d'écran (A11Y content).
Conclusion
Il n'est pas nécessaire de sacrifier le SEO pour l'accessibilité, ni l'inverse. Cette technique permet de se mettre en conformité avec le RGAA sans frustrer les équipes marketing.
Ce type d'arbitrage technique fait partie intégrante de notre mission d'accompagnement. Plutôt que d'opposer les expertises, nous trouvons les solutions techniques standards pour les réunir.