Comment rédiger des textes alternatifs efficaces et inclusifs

Auteurs et autrices

Les textes alternatifs (ou textes alt) rendent vos contenus accessibles à un public plus large, notamment aux personnes utilisant des lecteurs d’écran. Ils sont utiles pour garantir l’inclusion et l’égalité d’accès à l’information.

Pour les OSBL, ils permettent de mieux communiquer leurs valeurs, d’élargir leur audience et de respecter les normes d’accessibilité. Bien rédigés, les textes alt renforcent vos messages et rendent vos campagnes plus impactantes.

Un texte alt efficace va au-delà de la description factuelle : il reflète vos valeurs et votre ton.

Ce guide vous explique comment rédiger des textes alternatifs pertinents et engageants. Il est sous licence Creative Commons CC-BY-SA pour que vous puissiez partager ces conseils autour de vous.

Table des matières

Pourquoi les textes alternatifs sont-ils importants ?

Accessibilité : Les textes alt permettent aux personnes ayant une déficience visuelle de comprendre le contenu des images via des lecteurs d'écran. Selon les directives pour l'accessibilité des contenus web (WCAG), fournir des textes alternatifs est une exigence fondamentale pour rendre le web accessible à toustes.

Référencement naturel (SEO) : Les moteurs de recherche ne peuvent pas interpréter le contenu des images. Les textes alt fournissent des informations contextuelles, aidant ainsi à indexer correctement le contenu et à améliorer la visibilité du site.

Chargement des pages : Si une image ne se charge pas correctement, le texte alt s'affiche à sa place, offrant une alternative textuelle et maintenant la cohérence du contenu.

Bonnes pratiques pour rédiger des textes alternatifs

Décrire l'image de manière concise et précise

Le texte alt doit fournir une description claire de l'image en quelques mots.

Exemple :

  • Image : Logo de l'organisme avec le nom "Solidarité Québec".
  • Texte alt : "Logo de Solidarité Québec".

Éviter les redondances

Ne commencez pas le texte alt par des expressions telles que "Image de" ou "Photo de", car les lecteurs d'écran indiquent déjà qu'il s'agit d'une image.

Exemples :

  • Mauvais : "Image d'une bénévole distribuant des repas."
  • Bon : "Bénévole distribuant des repas."

Inclure les informations textuelles présentes dans l'image

Si l'image contient du texte pertinent, reproduisez-le dans le texte alt.

Exemple :

  • Image : Affiche avec le texte "Collecte de fonds annuelle le 15 juin".
  • Texte alt : "Affiche annonçant la collecte de fonds annuelle le 15 juin".

Adapter le texte alt au contexte

La description doit refléter la fonction de l'image dans la page. Si l'image est décorative et n'apporte pas d'information supplémentaire, il est recommandé d'utiliser un attribut alt vide (alt="") pour que les lecteurs d'écran l'ignorent.

Attention toutefois à la notion d'image décorative. Très souvent, une photo, même si elle est juste utilisé pour décorer, apportera une dimension émotionnelle supplémentaire au texte. Il est alors important de la décrire pour que tout le monde puisse bénéficier de cettte dimension supplémentaire.

Décrire ce qui est présent dans l'image uniquement

Le texte alt ne doit pas servir à ajouter des informations complémentaires.

Exemple :

  • Texte : Amy Johnson est la première femme à effectuer un vol solo entre le Royaume-Uni et l'Australie
  • Image : Une photo d'Amy Johnson
  • Texte alt :
    • Mauvais : Amy Johnson, la première femme à effectuer un vol solo entre le Royaume-Uni et l'Australie.
    • Bon : Amy Johnson dans une tenue d'aviatrice.

Informations à inclure dans un texte alternatif pour une photo

Le rôle du contexte dans la rédaction des textes alt

Lorsque vous rédigez un texte alternatif pour une image, le choix des informations à inclure dépend du contexte et de la fonction de l'image dans la page. Certaines informations, comme la couleur de peau, le genre perçu, ou d'autres caractéristiques personnelles, peuvent être pertinentes dans certains cas mais superflues ou inappropriées dans d'autres.

Faut-il mentionner la couleur de peau ou le genre perçu ?

Quand inclure ces informations ?

Ces détails doivent être mentionnés seulement si :

  • Ils sont pertinents pour le message ou le contexte de l'image.
  • Ils aident à transmettre une information importante ou à soutenir le contenu de la page.

Exemples de contextes pertinents :

Campagnes de sensibilisation ou de représentation

Si une campagne vise à promouvoir la diversité culturelle ou à mettre en avant des enjeux liés à l'inclusion, il peut être pertinent de mentionner des caractéristiques comme la couleur de peau, le genre perçu, ou d'autres éléments identitaires. - Image : Une femme noire tenant une pancarte "Égalité pour toutes". - Texte alt : "Femme noire tenant une pancarte avec le message 'Égalité pour toutes' lors d'une manifestation pour les droits des femmes."

Contexte où la diversité est importante

Dans un contexte où la diversité est une composante clé du message de l’image, il est important de la décrire. En l’absence de cette description, l’impact visuel de l’image et son lien avec la thématique de l’inclusion seraient perdus pour les utilisateur·rices de lecteurs d’écran.

  • Contexte : Une campagne de sensibilisation sur l'inclusion et la diversité culturelle.
  • Image : Un groupe de six personnes, composé d’hommes et de femmes de différentes origines ethniques, discutant autour d’une table.
  • Texte alt :"Un groupe de six personnes, comprenant des hommes et des femmes d'origines ethniques variées, discutant autour d'une table dans un cadre collaboratif, illustrant la diversité et l'inclusion au travail."

Quand ne pas inclure ces informations

Si la couleur de peau, le genre ou d'autres caractéristiques personnelles ne sont pas pertinentes pour le contexte, leur inclusion peut :

  • Détourner l'attention du message principal.
  • Être perçue comme intrusive ou inappropriée.
  • Reproduire des stéréotypes ou des biais inconscients.

Exemples de contextes non pertinents :

Illustration générique

Si l’image montre simplement une personne dans un contexte neutre, comme une personne lisant un livre, ces détails ne sont pas nécessaires.

  • Image : Une personne lisant un livre sur un banc.
  • Texte alt : "Personne lisant un livre sur un banc, dans un parc."

Actions non spécifiques à l'identité

Lorsque l'identité visuelle de la personne ne joue aucun rôle dans le message de la page.

  • Image : Un·e employé·e utilisant un ordinateur.
  • Texte alt : "Employé·e utilisant un ordinateur de bureau."

Comment éviter les biais et respecter la vie privée

Privilégier des descriptions neutres

Lorsque les détails personnels ne sont pas pertinents, utilisez des descriptions générales et inclusives.

Par exemple :

  • "Personne" au lieu de "Homme" ou "Femme".
  • "Groupe de personnes" au lieu de "Hommes et femmes".

Sensibilité et respect

Si vous choisissez de mentionner des caractéristiques personnelles, assurez-vous que cela est fait avec respect et dans un but clair. Les descriptions doivent éviter tout langage pouvant perpétuer des stéréotypes ou des biais.

Consulter les parties prenantes

Pour des campagnes où la représentation est essentielle, il peut être utile de consulter les personnes concernées ou des groupes spécialisés en inclusion. Cela garantit une approche respectueuse et appropriée.

Recommandations pratiques

  • Pertinence avant tout : Ce détail est-il nécessaire pour comprendre l'image ou son contexte ?
  • Focalisation sur l'action ou le message : Si l'image illustre une action ou une idée, mettez l’accent sur ces éléments plutôt que sur des caractéristiques visuelles non pertinentes.
  • Éviter la surcharge d’informations : Trop de détails peuvent rendre le texte alt confus ou difficile à suivre pour les utilisateur·rice·s.

D'autres exemples

Campagnes de sensibilisation

  • Image : Groupe de personnes tenant une banderole avec le message "Stop à la violence".
  • Texte alt : "Manifestants tenant une banderole 'Stop à la violence' lors de la campagne de sensibilisation".

Événements communautaires

  • Image : Atelier de formation avec des participant·e·s attentif·ve·s.
  • Texte alt : "Participant·e·s lors de l'atelier de formation sur la gestion de projet communautaire".

Infographies et graphiques

  • Image : Graphique en barres montrant une augmentation de 20 % des dons en 2023.
  • Texte alt : "Graphique illustrant une augmentation de 20 % des dons en 2023 par rapport à 2022".

Conclusion

Rédiger des textes alternatifs est une compétence qui mêle accessibilité, rédaction stratégique et sensibilité au contexte. Pour les OSBL, c’est une manière de transmettre leurs valeurs, de renforcer leur impact et de rendre leurs contenus accessibles à toutes et tous. En tenant compte du rôle des images, des émotions qu’elles véhiculent et de votre ligne éditoriale, chaque texte alt peut devenir un outil puissant pour engager vos communautés et promouvoir vos missions.

Ressources

Remerciements

Ce guide a été rédigé en partie grâce au financement de La bande numérique

Ce contenu est publié sous la licence Creative Commons CC-BY-SA v4