Suite à la sortie de la nouvelle fonctionnalité de l’Observatoire socialmedia, place à l’action ! Nous vous expliquons dans cet article comment changer d’approche dans la création et la mise en ligne de vos images. Objectif : proposer des contenus plus accessibles à l’ensemble des internautes, et moins gourmands en ressource pour la planète.
Accessibilité des images : mes conseils Que dit le RGAA ?Bref rappel. Le référentiel général d’accessibilité des administrations (RGAA) donne des règles concernant les images.
D’un point de vue technique, l’ensemble de vos images doit comporter une balise ALT. En revanche, ce champ doit être complété uniquement sur les images porteuses d’information.
Vérifier que votre site possède un champ pour compléter les textes alternatifsAvant toute chose, commencez par vous assurer que votre back-office vous permet bien de compléter les balises ALT. En théorie aujourd’hui, peu de sites construits sur des CMS type Drupal, WordPress ou Typo 3 font l’impasse sur ce point. Dans le cas de sites créés avec autre chose qu’un CMS, on peut avoir des surprises… Sur votre navigateur type chrome ou Firefox, cliquez droit sur une image et sélectionner “inspecter l’élément” pour vérifier si dans le code une balise ALT est bien disponible. L’outil “Assistant RGAA” développé par l’entreprise Empreinte digitale permet également de tester ce point (et d’autres) facilement. Cette extension est disponible sur Firefox et Chrome.
Si vous ne trouvez aucune balise ALT, parlez en à votre développeur.
C’est quoi une image porteuse d’information ?Concrètement, le RGAA fait une différence entre les images porteuses d’information et les images ajoutées uniquement à des fins d’illustration.
Il n’est pas toujours facile de différencier les deux, sauf à se mettre à la place d’un lecteur non voyant. En gros, le RGAA demande à ce que même sans voir les images, un internaute puisse avoir accès à la même qualité d’information qu’un internaute voyant les images.
D’ailleurs, par “non voyant”, on peut également penser à l’internaute disposant d’une connexion internet ou mobile en bas débit, pour lequel les images ne se seraient pas chargées…
Exemple 1. Un vide grenier est organisé dans votre commune, vous illustrez avec une photo prise l’an passée, dans laquelle on voit des habitants autour d’un stand… image purement illustrative. Dans le cas présent, compléter le champ ALT avec une description de…
