Les images décoratives n’apportent aucune information. On les utilise pour le charme ou la mise en forme d’une page web. Placer ces images avec les techniques adéquates permet à la technologie d’assistance de les ignorer. Le site Web devient alors automatiquement plus accessible aux visiteurs avec un handicap. Ils peuvent consulter les informations sans être dérangés.

Comment vous y prendre ?

La meilleure façon de placer des images décoratives sur un site web est de le faire avec une feuille de style (CSS). Les images décoratives sont alors séparées du contenu du site web et ne seront pas lues par le logiciel de synthèse vocale. De même, les visiteurs qui ne souhaitent pas voir ces images peuvent facilement les cacher. Par exemple, des visiteurs avec un trouble de l’attention ou qui veulent agrandir le texte.

Image de la façon d'indiquer une image décorative

S’il n’est pas possible d'indiquer une image comme décorative par le CSS, vous devez laisser le texte alt vide. Ainsi, le logiciel de synthèse vocale pourra les ignorer.

Exemple : texte alt vide

En laissant le texte alt vide, vous indiquez que l’image est décorative. L’attribut alt doit obligatoirement être présent, mais ne doit pas avoir de valeur. Il doit ressembler à ce qui suit :

<img src=”image.jpg” alt=””>

Pour des rédacteurs

Lorsqu’un rédacteur souhaite placer une image décorative, il ne pourra généralement pas le signaler par le CSS. La deuxième meilleure solution est alors de placer l’image via le système de gestion de contenu (CMS) en laissant le texte alt vide.

Pour des développeurs

Le développeur écrit et gère le CSS d’un site web. Il est responsable du placement des images décoratives liées à la conception structurelle du site, comme les arrière-plans et les éléments d’identité visuelle.