Gérer les images en accessibilite numerique
Il existe une thématique dans le RGAA (le référentiel général d’accessibilité numérique) qui concerne celle des images. Parmis les 106 critères du référentiel, 9 traitent de la gestion des images. Parmis ces 9 critères, le premier va concerner la présence technique d’un attribut alt sur tous les éléments véhiculant une image en langage HTML ( Hypertext markup language ) ; le langage du web. On va ensuite se poser la question de ce qui vient dans cet attribut alt ; sa pertinence, et pour cela il faut se demander à quel type d’image on a affaire.
Le cas des images décoratives
Les images décoratives servent généralement à « faire joli » sur un site. On dit qu’elles le décorent. Si vous avez un doute, pour savoir si une image est décorative ou non, il faut faire le test suivant : la retirer de la page. Si elle n’est plus présente et qu’il y a une perte d’information, c’est que l’image est porteuse d’information. Par exemple si l’image d’un logo ne s’affiche pas correctement sur votre page et que le contexte textuel à proximité ne l’évoque pas, il y aura une perte d’information importante. Techniquement si l’image est décorative, cela va se traduire par un attribut alt vide dans l’image: alt=""
Le cas des images porteuses d’informations
"Image qui véhicule une information nécessaire à la compréhension du contenu auquelle elle est associée."
RGAA
Elle porte une information importante lorsqu’elle n’est pas présente dans le texte. Dans l’attribut alt, Le texte doit reprendre l’information présente dans l’image. Par exemple dans le cas de notre logo, nous reprendrons le nom de l’entreprise concernée ; la présence du mot « logo » ou « image » n’étant pas pertinente pour une personne qui utiliserait un lecteur d’écran du type JAWS ou NVDA. Techniquement, cela pourrait ce traduire par alt="XXX" ; XXX étant le nom de l’entreprise. Dans le cas d’un graphique ou d’une image plus complexe, il faudra fournir à proximité ou dans un lien adjacent une alternative à cette image à l’aide d’une description textuelle pour les utilisateurs qui n’ont pas accès à cette image.
Un mot sur les images liens
Ce sont des images clicables qui renvoient vers une autre url. De ce fait, elles seront traitées dans la thématique lien du RGAA. Techniquement, leur attribut alt devra indiquer la fonction et la destination du lien.