MODE D'EMPLOI

Où coller vos descriptions accessibles — Guide complet pour trouver le champ texte alternatif sur chaque réseau social

Introduction

Le texte alternatif (ou "alt text") permet aux personnes qui en ont besoin d'avoir accès à vos images, avec un lecteur d'écran, ou sans.

Une fois votre description générée avec l'outil TiRacoon, voici exactement où la coller sur chaque plateforme.

1. Twitter / X

Étapes :

  1. Composez votre tweet et ajoutez votre image.
  2. Cliquez sur le bouton "ALT" qui apparaît en bas à gauche de l'image.
  3. Une fenêtre s'ouvre : collez votre description (maximum 1000 caractères).
  4. Cliquez sur "Enregistrer" ou "Save".
Astuce : Si vous ne voyez pas le bouton ALT, activez-le dans Paramètres > Accessibilité, affichage et langues > Accessibilité, puis cochez "Composer des descriptions d'images".
Documentation Twitter/X

2. Facebook

Étapes :

  1. Créez votre publication et ajoutez votre image.
  2. Cliquez sur "Modifier" (icône crayon) en haut à droite de l'image.
  3. Sélectionnez "Texte alternatif" dans le menu.
  4. Supprimez le texte auto-généré par Facebook.
  5. Collez votre description.
  6. Cliquez sur "Enregistrer".
Important : Facebook génère automatiquement un texte alt avec son IA. Supprimez-le systématiquement et remplacez-le par votre propre description, bien plus précise.
Documentation Facebook

3. Instagram

Étapes :

  1. Préparez votre publication avec votre image.
  2. Sur l'écran de partage, faites défiler tout en bas.
  3. Cliquez sur "Paramètres avancés".
  4. Trouvez la section "Accessibilité".
  5. Cliquez sur "Écrire un texte alternatif".
  6. Supprimez le texte auto-généré.
  7. Collez votre description.
  8. Validez et publiez normalement.
Note : Instagram génère également un texte alternatif automatique dont la qualité est insuffisante. Remplacez-le par le vôtre pour une vraie accessibilité.
Documentation Instagram

4. LinkedIn

Étapes :

  1. Créez votre publication et ajoutez votre image.
  2. Cliquez sur l'icône "Modifier" (crayon) qui apparaît sur l'image.
  3. Sélectionnez "Ajouter un texte de remplacement" ou "Texte alt".
  4. Collez votre description.
  5. Cliquez sur "Appliquer" puis publiez.
Documentation LinkedIn

5. TikTok

Pour les publications de photos :

  1. Créez votre publication avec vos photos.
  2. Sur l'écran de publication, cliquez sur "Plus d'options" ou "More options".
  3. Sélectionnez "Ajouter un texte alternatif" ou "Add alternative text".
  4. Collez votre description pour chaque photo.
  5. Cliquez sur "Terminé" ou "Done".
Limitation pour les vidéos : TikTok ne propose pas de champ texte alternatif pour les vidéos ni pour leurs vignettes.

Solutions alternatives pour les vidéos :

  • Pour les vignettes : Incluez votre description au tout début de la légende de votre vidéo, en commençant par "[Description de l'image] : …"
  • Pour le contenu vidéo : Activez les sous-titres automatiques et ajoutez une transcription complète dans la légende.
  • Recommandation : Décrivez toujours les éléments visuels importants à l'oral dans la vidéo elle-même.
Documentation TikTok Accessibilité TikTok

6. YouTube

Limitation : YouTube ne propose pas de champ texte alternatif dédié pour les miniatures de vidéos.

Solution pour les miniatures :

Décrivez votre miniature dans la description de la vidéo, au début, sous la forme : "Miniature : [votre description]".

Pour l'accessibilité globale de vos vidéos :

  • Activez les sous-titres automatiques (YouTube Studio > Sous-titres).
  • Ajoutez une transcription complète dans la description.
  • Décrivez oralement les éléments visuels importants dans votre vidéo.
Documentation YouTube (sous-titres)

7. Bluesky

Étapes :

  1. Composez votre post et ajoutez votre image.
  2. Cliquez sur le bouton "ALT" en bas à gauche de l'image.
  3. Collez votre description.
  4. Validez et publiez.
Note : Bluesky propose une option pour rendre obligatoire la saisie d'un texte alternatif avant de poster, ainsi qu'un affichage plus visible des badges alt text.
Aller sur Bluesky

8. Mastodon

Étapes :

  1. Composez votre post et ajoutez votre image.
  2. Un champ "Décrire l'image" ou "Description" apparaît automatiquement sous l'image.
  3. Collez votre description.
  4. Publiez.
Note : Mastodon prend l'accessibilité très au sérieux et vous avertit si vous oubliez de remplir le texte alt.
En savoir plus sur Mastodon

9. Sur votre site web

Dans le code HTML :

<img src="mon-image.jpg" alt="Votre description ici">

Sur WordPress / Wix / Squarespace / Webflow :

  1. Cliquez sur votre image dans l'éditeur.
  2. Cherchez le champ "Texte alternatif", "Alt text" ou "Description alternative" dans les paramètres de l'image.
  3. Collez votre description.
  4. Enregistrez.
Guide W3C sur les images accessibles

Cas spéciaux

Cas spécial 1 : les captures d'écran

Règle d'or : Pour une capture d'écran, vous devez recopier tout le texte visible dans votre description.

Utilisez le générateur en mode "Image" et :

  • Dans "Type d'image" : sélectionnez "Capture d'écran".
  • Dans "Description générale" : précisez de quelle plateforme ou application il s'agit.
  • Dans "Texte présent sur l'image" : recopiez tout le texte visible sur la capture.
  • Mentionnez les informations de contexte (nom de l'auteur, date, nombre de likes si pertinent).
Exemple de description générée :
"Capture d'écran d'un tweet de @TiRacoon publié le 3 décembre 2024. Message : Rendez vos images accessibles ! Chaque description compte pour l'inclusion. Une image accompagne le post. 156 mentions J'aime, 42 retweets."
Astuce : Si la capture contient plus de 500 caractères de texte, utilisez GRANTEXTE ou textup.fr pour héberger le contenu (voir ci-dessous) ou fractionnez en plusieurs publications.

Cas spécial 2 : les communiqués de presse

Les communiqués de presse contiennent souvent beaucoup de texte. Pour contourner les limites de caractères des réseaux sociaux, utilisez GRANTEXTE (recommandé) ou textup.fr.

Méthode en 5 étapes :

  1. Dans le générateur, sélectionnez "Communiqué de presse".
  2. Remplissez les informations : titre, description visuelle, et collez le texte complet du communiqué.
  3. Cliquez sur "Copier le texte" puis ouvrez l'outil d'hébergement choisi.
  4. Sur l'outil d'hébergement : collez le texte, générez un lien et copiez-le.
  5. Retournez dans le générateur : collez le lien dans le champ prévu, puis générez votre description.
Résultat final :
"Document officiel avec en-tête du Ministère intitulé 'Nouvelle loi sur l'accessibilité'. Version accessible disponible sur : https://textup.fr/abc123"
Avantages de GRANTEXTE : 100 % accessible, aucune inscription, interface simple. Le lien est valable 1 an.
Accéder à GRANTEXTE Accéder à textup.fr

Pourquoi c'est important

Qui bénéficie du texte alt ?

Chiffres à retenir :

Rendre vos contenus accessibles, c'est inclure tout le monde dans la conversation numérique. Chaque description compte.

Retour à l'outil de description