Ce qu'un générateur de texte alt fait
Un générateur de texte alt prend une URL d'image ou un téléchargement, le sujet ou le contexte de la page, et une préférence d'audience—générale, priorisée pour lecteur d'écran, ou priorisée pour SEO—puis produit trois variantes de texte alt. La variante courte reste sous 125 caractères et se concentre sur le sujet essentiel. La variante moyenne ajoute un contexte spatial ou relationnel en 125 à 150 caractères. La variante descriptive va jusqu'à 200 caractères et inclut des détails sur la couleur, la disposition, l'émotion ou la marque quand ces détails importent pour la compréhension ou la découverte.
Le générateur exécute également une vérification d'image décoractive. Si l'image est purement esthétique—un dégradé de fond, une bordure décorative, une photo de stock de mains sur un clavier qui n'ajoute aucune information—l'outil la signale et recommande alt="" (attribut alt vide) à la place du texte descriptif. Les lecteurs d'écran ignorent les images avec alt vide, ce qui réduit le bruit pour les utilisateurs naviguant au casque.
La conformité WCAG 2.2 exige que toutes les images non décoratives aient un texte alt, que le texte alt transmette une information équivalente à l'image, et qu'il ne dépasse pas 150 caractères à moins que l'image ne soit complexe (graphiques, diagrammes, infographies). Notre vérification WCAG signale trois violations : texte alt manquant, texte alt trop générique ("image" ou "photo"), et texte alt commençant par "image of" ou "picture of" (les lecteurs d'écran annoncent déjà "image", le préfixe est donc redondant).
Comment utiliser ce générateur de texte alt
- Collez l'URL de l'image ou glissez un fichier image dans la boîte de téléchargement. Nous prenons en charge JPG, PNG, WEBP et SVG.
- Remplissez Sujet / contexte de la page avec une description en une seule phrase de l'article ou de la page où l'image apparaît—"article sur l'achat d'une première maison", "page de destination pour logiciel de gestion de projet", "photo de produit sur une page de catégorie de baskets".
- Choisissez Audience principale. Choisissez "Générale" pour un SEO et une accessibilité équilibrés. Choisissez "Priorisée pour lecteur d'écran (accessibilité)" pour prioriser la clarté pour les utilisateurs non-visuels sur l'inclusion de mots clés. Choisissez "Priorisée pour SEO" pour mettre l'accent sur les noms de produits, les termes de marque et les expressions découvrables quand l'image est principalement pour le trafic de recherche.
- Cliquez sur Générer le texte alt. Trois variantes apparaissent avec des compteurs de caractères. Chacune est prête à copier.
- Choisissez la variante qui convient à votre contexte. Utilisez courte pour les photos de produits simples. Utilisez moyenne pour la plupart des images de héros de blog. Utilisez descriptive pour les infographies, les graphiques, ou les images qui transmettent des données ou des dispositions complexes.
- Copiez et collez dans votre CMS. Dans WordPress, collez dans le champ "Texte alternatif" de la bibliothèque médias. En HTML, collez comme
alt="…"à l'intérieur de la balise<img>. En Next.js, utilisez la propaltsur le composant<Image>.
Pour le mode groupé, cliquez sur "Passer au mode groupé" en haut du formulaire. Collez jusqu'à dix URL d'images, une par ligne, ou glissez un dossier d'images. Remplissez le contexte de la page une seule fois. Cliquez sur générer. La sortie est un tableau avec une ligne par image : miniature, texte alt court, texte alt moyen, texte alt descriptif. Copiez le tableau ou exportez en CSV pour l'importation groupée WordPress.
Pourquoi le texte alt importe pour l'accessibilité et le SEO
Le texte alt sert deux maîtres : les utilisateurs de lecteurs d'écran qui ne peuvent pas voir les images, et les moteurs de recherche qui ne peuvent pas interpréter le contenu d'image sans texte. Un sondage WebAIM 2023 sur un million de pages d'accueil a constaté que 58 % des images avaient soit un texte alt manquant, soit un texte alt qui ne respectait pas les directives WCAG—"image", "IMG_1234.jpg", ou du charabia bourré de mots clés.
Trois raisons d'écrire le texte alt correctement.
Conformité légale. WCAG 2.1 Level AA est la norme d'accessibilité requise par l'Americans with Disabilities Act, l'European Accessibility Act, et les lois équivalentes au Canada, en Australie et au Royaume-Uni. Le texte alt manquant ou incorrect est le deuxième déclencheur de procès ADA sur les sites web les plus courants après les échecs de navigation au clavier, selon un rapport 2024 d'UsableNet couvrant 4 600 procédures de conformité numérique. Les sites de commerce électronique et les services financiers sont les cibles les plus fréquentes.
Utilisabilité du lecteur d'écran. Quinze pour cent des adultes américains signalent une forme quelconque de handicap visuel, selon les CDC. Les lecteurs d'écran comme JAWS, NVDA et VoiceOver lisent le texte alt à haute voix quand un utilisateur accède à une image. Si le texte alt dit "image", l'utilisateur n'apprend rien. Si le texte alt dit "Graphique montrant une croissance du chiffre d'affaires de 23 % d'une année sur l'autre de Q1 2024 à Q1 2025", l'utilisateur comprend le contenu sans le voir.
Trafic de la recherche d'images. Google Images représente 22 % de toutes les recherches web, selon les données de SparkToro. Le texte alt est le signal textuel principal que Google utilise pour classer les images. Une photo de produit avec le texte alt "baskets de course bleues" se classe pour "baskets de course bleues". La même photo avec le texte alt "IMG_5391.jpg" ne se classe pour rien. Une étude 2022 de Moz a constaté que l'ajout d'un texte alt descriptif à des images précédemment sans texte alt a augmenté les impressions de recherche d'images en moyenne de 35 % en 90 jours.
Texte alt vs attribut title vs légende vs nom de fichier
Ces quatre termes décrivent différentes métadonnées d'image. Chacun a un objectif distinct.
Le texte alt est l'attribut alt à l'intérieur de la balise <img>. Les lecteurs d'écran l'annoncent. Google l'indexe. Il est obligatoire pour l'accessibilité. Si l'image ne se charge pas, les navigateurs affichent le texte alt à la place de l'image. Longueur pratique maximale : 125 à 150 caractères pour les images simples, 200 pour les images complexes.
L'attribut title est l'attribut title à l'intérieur de la balise <img>. Les navigateurs l'affichent sous forme d'infobulle au survol. Les lecteurs d'écran l'ignorent généralement. Google l'ignore. Title est optionnel et rarement nécessaire. N'utilisez pas title en tant que substitut du texte alt.
La légende est du texte visible affiché au-dessous ou à côté de l'image, généralement à l'intérieur d'une balise <figure> et <figcaption>. Les légendes fournissent un contexte ou un crédit. Les lecteurs d'écran lisent les légendes à haute voix en plus du texte alt. Si la légende décrit complètement l'image, le texte alt peut être plus court ou vide. Si la légende est éditoriale ("Cette approche a tout changé"), le texte alt doit toujours décrire ce que l'image montre.
Le nom de fichier est le slug d'URL de l'image—"baskets-de-course-bleues.jpg" vs "DSC_1234.jpg". Google lit les noms de fichiers comme un signal de classement faible. Les noms de fichiers descriptifs aident légèrement le SEO, mais le texte alt importe beaucoup plus. Renommez les fichiers avant le téléchargement si votre CMS le permet, mais ne sautez pas le texte alt parce que le nom de fichier est descriptif.
Quand vous optimisez une image, écrivez d'abord le texte alt. Ajoutez une légende si l'image a besoin d'un contexte éditorial. Renommez le fichier s'il s'agit actuellement d'une chaîne aléatoire. Ignorez l'attribut title à moins d'avoir un cas d'usage d'infobulle spécifique.
Erreurs courantes
- Écrire "image of" ou "picture of" au début. Les lecteurs d'écran annoncent déjà "image" avant de lire le texte alt. Commencer par "image of" produit "image image of baskets bleues". Commencez par le sujet : "Baskets de course bleues sur fond blanc".
- Bourrage de mots clés. Un texte alt comme "les meilleures baskets de course baskets de course pas cher acheter des baskets de course en ligne" est du spam. Google le pénalise. Les utilisateurs de lecteurs d'écran entendent du charabia. Écrivez pour les humains en premier. Une mention de mot clé naturelle suffit.
- Utiliser le même texte alt pour chaque image sur une page. Si cinq photos de produits ont tous alt="photo de produit", les utilisateurs de lecteurs d'écran ne peuvent pas les distinguer. Décrivez ce qui rend chaque image unique : "Vue de face de baskets de course bleues", "Profil latéral montrant la bande de roulement de la semelle", "Gros plan des œillets de lacet".
- Laisser les images décoratives avec un texte alt descriptif. Les motifs de fond, les séparateurs décoratifs et les images d'espace blanc devraient avoir
alt=""pour que les lecteurs d'écran les ignorent. Décrire un graphique de trait décoratif comme "élément de design courbe bleu" n'ajoute aucune valeur et ralentit la navigation. - Écrire un texte alt de longueur essai. Les lecteurs d'écran parlent à 150 à 250 mots par minute. Un texte alt de 300 caractères prend 10 secondes à annoncer. Les utilisateurs naviguant sur une page avec 20 images passent trois minutes à écouter des descriptions. Gardez le texte alt sous 150 caractères à moins que l'image ne soit un graphique ou une infographie qui nécessite des détails.
Conseils avancés
- Utilisez la variante moyenne comme valeur par défaut. La courte fonctionne pour les photos de produits simples. La descriptive fonctionne pour les diagrammes complexes. La moyenne équilibre l'accessibilité et le SEO pour la plupart des images de blog et de page de destination.
- Faites correspondre la spécificité du texte alt au sujet de la page. Si votre article est "Comment nouer des baskets de course", le texte alt de l'image de héros devrait décrire le style de nœud—"Coureur nouant un double nœud sur une baskets de course bleue". Si la page est un listage de catégorie pour baskets de course, le texte alt de la même image devrait mettre l'accent sur le produit—"Baskets de course bleue en maille avec semelle blanche".
- Exécutez le générateur sur vos images existantes. Exportez les URL d'images de votre site à partir de votre CMS ou explorez avec Screaming Frog. Collez la liste en mode groupé. Examinez le texte alt généré. Mettez à jour les images qui ont actuellement un texte alt manquant ou générique.
- Testez le texte alt avec un lecteur d'écran. Installez NVDA (Windows) ou activez VoiceOver (Mac). Naviguez sur votre page en appuyant sur la touche Tab. Écoutez ce que le lecteur d'écran annonce. Si le texte alt est confus ou répétitif, révisez-le.
- Ajoutez des données structurées pour les images utilisées dans les étapes de procédures, les recettes ou les listes de produits. Utilisez la propriété
"image"dans le schéma JSON-LD pour référencer l'URL de l'image et l'associer au contenu structuré. Google affiche les images en ligne avec les résultats riches de procédures quand le schéma est présent. - Évitez la redondance entre la légende et le texte alt. Si la légende dit "Graphique montrant la croissance du chiffre d'affaires", le texte alt devrait décrire les données—"Graphique à barres avec cinq barres, montrant le chiffre d'affaires augmentant de 2M en 2022 à 3,5M en 2026". Le texte alt fournit le détail que la légende omet.
Une fois le texte alt en place, l'étape suivante est généralement de vérifier que le reste des métadonnées de la page est correct. Alimentez l'URL de votre page dans notre vérificateur de métadonnées du site pour valider le titre, la méta description, les balises OG, la carte Twitter et le schéma en une seule analyse. Si vous optimisez un article complet, utilisez le générateur de méta description pour écrire l'extrait SERP et le générateur de titre SEO pour produire des balises titre correspondantes avec un aperçu Google en direct. Lors de la planification de contenu qui inclut des images, utilisez le générateur d'abrégé de contenu pour mapper la structure complète avant d'écrire.