[ Accueil ]

Rendre tes visuels accessibles

Ça veut dire quoi ?

C’est t’assurer que toutes tes images et autres contenus graphiques sont compréhensibles par toutes et tous y compris pour les personnes qui ne peuvent pas les voir, ou qui utilisent des outils d’assistance comme les lecteurs d’écran.

En d’autres termes, il s’agit de ne pas miser uniquement sur le visuel pour transmettre ton message clé.

Pourquoi ?

Parce que sur les réseaux sociaux, les images parlent fort… mais pas à tout le monde.

  • Les lecteurs d’écran ne lisent pas le contenu d’une image si tu n’y ajoutes pas de texte alternatif.
  • Les visuels qui contiennent uniquement du texte (comme des flyers numériques ou des citations illustrées) sont totalement muets pour les personnes malvoyantes, et non indexables par les moteurs de recherche.
  • Une image sans contexte ni description peut perdre son sens, créer de la confusion, ou pire, exclure des personnes sans même que tu t’en rendes compte.

Rendre tes images accessibles, c’est augmenter leur portée et leur impact, en t’assurant que personne ne soit laissé pour compte en chemin.

Comment m’y prendre ?

Pour maximiser l’accessibilité de tes visuels sur les réseaux sociaux, tu peux déjà suivre ces règles fondamentales :

  • Ajoute un texte alternatif : Sur la plupart des réseaux sociaux, tu as la possibilité d’ajouter un « texte alternatif » (ou « texte de description ») lors de l’envoi de l’image. Ce texte est lu par les lecteurs d’écran. Il doit être concis et décrire l’information utile que l’image transmet. Si ton image est purement décorative, alors tu n’as pas besoin.
  • Décris l’image directement dans le post si l’Alt Text est impossible : Si la plateforme ne propose pas de champ pour le texte alternatif, décris brièvement l’image dans le corps de ta publication. Tu peux utiliser un petit descriptif entre crochets ou en fin de post, par exemple : [Image : Une main tenant une pancarte « Égalité pour toutes et tous » lors d’une manifestation].
  • Répète le texte présent dans l’image : Si ton visuel contient du texte important (un slogan, une date, un numéro de téléphone), répète ce texte intégralement dans la légende de ta publication ou dans le texte alternatif de l’image. Ne fais jamais reposer une information clé uniquement sur l’image elle-même.
  • Gère les GIFs avec précaution : Les GIFs ne sont souvent pas lus correctement par les lecteurs d’écran, qui les voient comme de simples images statiques. Surtout, les GIFs avec des lumières clignotantes ou des mouvements très rapides qui peuvent déclencher des crises d’épilepsie ou provoquer du stress et de la désorientation chez certaines personnes. Si tu utilisess un GIF, assure-toi qu’il n’ait pas d’effets stroboscopiques et que son mouvement ne soit ni trop rapide ni trop chaotique.
  • Carrousels d’images : Pour un carrousel, ajoute un texte alternatif pour chaque image si la plateforme le permet. Si ce n’est pas possible, fournis un descriptif global du contenu du carrousel dans la légende de ta publication, en mentionnant ce que chaque image apporte.
  • Vérifie tes contrastes de couleurs.
  • Vérifie les visuels partagés : Si tu partages un visuel créé par quelqu’un d’autre, vérifie s’il inclut une description ou un texte alternatif. Sinon, fais l’effort d’en créer une toi-même pour rendre le contenu accessible à ta communauté.

Les astuces

N°1.

Ne mets jamais d’informations cruciales uniquement dans l’image : Des détails comme la date et l’heure d’un événement, un appel à l’action, ou des coordonnées doivent toujours être présents dans le texte de la publication ou la légende, en plus de l’image.

N°2.

Certains outils de création de GIF, comme Giphy, permettent d’ajouter une description, mais cette information est rarement restituée par les lecteurs d’écran ou les plateformes. Concentre-toi sur les textes alternatifs directement dans l’outil de publication quand c’est possible.

N°3.

Règle des 3 flashs : Pour les GIF et les vidéos il faut savoir qu’un contenu qui clignote ou flashe plus de trois fois par seconde peut être dangereux et doit être évité.
Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors