Les images à décrire sur le web

Les images décoratives sont des visuels dédiés à l’esthétique d’une interface numérique (éléments graphiques, séparateurs, bordures…) Leur présence raconte ou structure un écran pour qu’il apparaisse visuellement soigné et harmonieux. Il est souvent préconisé de ne pas les décrire car elles n’apportent pas d’information nécessaire ou utile à la compréhension d’un contenu.

Gardons en tête que les utilisateurs de lecteurs d’écran prennent 2 à 3 fois plus de temps à lire une page web (et ce, même en mode rapide). De fait, l’usage est de les conduire directement au contenu visuel qui fait sens pour ne pas ajouter à une charge cognitive déjà costaude ! Cependant, les images décoratives peuvent être utiles pour ces internautes : 

• Quand elles indiquent des temps de transition vers d’autres sections ou sujets abordées sur une interface ; 
• Quand l’ambiance visuelle raconte une histoire qui sert la compréhension d’une interface ;
• Quand l’utilisatrice a envie de plonger dans l’univers graphique qui lui est proposé.

Des tweeteuses utilisatrices de lecteur d'écran expriment des opinions différentes sur la description d'éléments décoratifs :

Plutôt qu’un long discours, je me permets de citer une règle tirée du référentiel d'assurance qualité web Opquast : “Certaines images ne se contentent pas d’être jolies ou moches. Elles apportent de vraies informations. C’est le cas du texte mis en image, mais aussi d’images présentant des informations visuelles nécessaires ou utiles à la compréhension du contenu. Dans ce cas, faites en sorte que les informations ne soient pas perdues lorsque l’image est désactivée.”

C’est ainsi que, contrairement aux images décoratives, les images porteuses d’informations apportent pertinence et sens au contenu dispensé. Cela signifie que sans description alternative, l’internaute va perdre la compréhension de l’interface.

Dans un souci de clarté, je ne vais pas m’étendre sur tous les cas où une image doit être décrite (ces cas feront l’objet d’autres contenus). Arrêtons-nous sur deux cas fréquents où la description est nécessaire à la compréhension d’une information.

Un exemple d’image à décrire

Cet article de blog proposé par l’association France Parkinson nous invite à nous aider d'un tableau pour dessiner un parcours de soin adapté à nos besoins. Or, ce contenu visuel n’a pas d’alternative textuelle et n'est pas décrit ! Ainsi, nous savons qu’il y a des informations essentielles pour avancer dans notre parcours de soin… mais il nous est impossible d’y accéder.

Imaginons que nous ayons eu accès à un texte alternatif tel que “Ce tableau vous aide à dessiner votre parcours de soin”. Cette alternative décrit bien ce qu’est l’image (un tableau avec des données), sans pour autant entrer dans son contenu. Ici, c’est l’ensemble du contenu du tableau qu’il faudrait décrire pour que ce dernier puisse prendre connaissance des possibilités offertes par l’association via ce contenu imagé.

Quand le texte est converti en image

Imaginons que vous souhaitiez promouvoir le spectacle de fin d’année organisé par les résidents de votre structure d’accueil. Vous voilà d’une pierre de coup sur Canva, à caler des images de soleil et de confettis tout en annotant la date et l’heure de l'événement en question. On exporte “evenement_spectacle_final” en JPEG, on la poste sur Facebook et hop : le tour est joué !

Enfin… pas tout à fait. Sans alternative à l’image, et même si l’IA de Facebook génère comme une grande une description approximative de votre affiche, des personnes de votre audience seront laissées sur le carreau. Quand des informations textuelles sont intégrées à une image, alors les lecteurs d’écran n’y auront pas accès. Pour cet outil d’assistance, l’image sera une image, pas un texte lisible. Il y aura même des chances qu’il lise : “Image : “evenement_spectacle_final.jpeg” Pas très informatif tout ça, non ? L’idéal : caler dans le texte de votre publication les informations essentielles dispensées dans votre image.

Voyez cet effort comme un tout : une personne capte l’information. Elle partage l’invitation à des amis. L’un de ces amis, dyslexique et utilisateur d’un lecteur d’écran, comprend, grâce à ce petit effort que vous avez fait de lister les informations essentielles présentes dans votre image, que le spectacle dont il a entendu parler va bientôt avoir lieu. Il propose à sa femme d’y aller. Sa femme invite cinq de ses amies. Qui amènent leurs partenaires respectifs… Ni une, ni deux, voilà vos résidents qui jouent devant un public venu en nombre !

Il existe d’autres cas de figures où il est nécessaire de prendre la plume pour raconter une image. En attendant, gardez en tête qu’une légende, une alternative textuelle ou une description détaillée servent un même objectif : informer l’internaute, notamment s’il n’a pas accès à la lecture de l’image. 

Dans cet exercice de description, à quel point faut-il être précis ? Peut-on donner son avis ? Par où commencer ? Entrez prochainement dans le vif du sujet grâce au troisième article de la série consacrée à la description d'image !