Alt Text Checker

Collez l'URL de votre page dans le champ URL de la page, définissez le basculement décoratif, et cliquez sur Vérifier le texte alt. L'outil récupère la page, analyse chaque élément <img>, et retourne chaque image avec sa classification alt : manquante, décorative, bonne, ou suspecte. Vous obtenez également un pourcentage de couverture (bonne plus décorative divisée par total images) et une export CSV. Manuellement, vous pouvez faire un clic droit sur une image, choisir Inspecter, et lire l'attribut alt dans le volet HTML, mais cette approche prend 30 secondes par image et rate les images chargées tardivement qui se chargent sous la ligne de flottaison. Ce vérificateur scanne toutes les images en un seul passage, y compris celles à l'intérieur des balises <picture> et <figure>. Pour les sites avec des centaines d'images par page, le gain de temps est réel. Utilisez le website-metadata-checker après pour confirmer que les balises meta correspondent à votre audit d'image.

Oui, le texte alt est visible dans la source de la page bien qu'il ne s'affiche pas à l'écran pour les utilisateurs voyants dans les conditions normales. Les navigateurs affichent le texte alt dans trois situations : quand une image ne parvient pas à charger (lien cassé, CDN bloqué), quand un utilisateur survole dans certains navigateurs plus anciens, et quand un utilisateur de lecteur d'écran navigue la page. Les développeurs voient le texte alt dans DevTools en inspectant l'élément <img>. Les robots de moteurs de recherche le lisent directement depuis le HTML. Pour auditer le texte alt à grande échelle, collez l'URL dans ce vérificateur et vous obtenez chaque valeur alt sur la page en une seule vue, plus une miniature de chaque image pour que vous puissiez repérer les décalages entre ce que l'image montre et ce que l'alt dit. Pour une seule image, clic droit et choisissez Inspecter, puis lisez l'attribut alt= sur la balise <img>.

Le texte alt sert principalement les personnes ayant des déficiences visuelles qui utilisent des lecteurs d'écran, y compris les utilisateurs qui sont aveugles, ont une basse vision, ou des conditions comme la dégénérescence maculaire qui rend le contenu image illisible. Les lecteurs d'écran comme NVDA, JAWS, et VoiceOver lisent l'attribut alt à haute voix quand ils rencontrent une image. Sans texte alt, le lecteur d'écran soit saute l'image entièrement soit lit le nom de fichier, qui est généralement sans sens. Le texte alt aide aussi les utilisateurs ayant des handicaps cognitifs en ajoutant du contexte texte au contenu visuel, et les utilisateurs sur connexions lentes qui chargent les pages sans images. Le critère de succès WCAG 2.1 1.1.1 (Niveau A) exige des alternatives textuelles pour toutes les images non décoratives, faisant du texte alt une exigence d'accessibilité de base mondialement. Le rapport 2024 WebAIM Million a trouvé que 54 % des pages d'accueil avaient du texte alt manquant sur au moins une image, l'échec WCAG le plus courant sur le top 1 million de sites.

Clic droit sur l'image sur la page Web et sélectionnez Inspecter (ou Inspecter l'élément dans certains navigateurs). Dans le volet HTML qui apparaît, recherchez l'attribut alt dans la balise image (<img>). La valeur alt se trouve entre guillemets, par exemple alt="Botte Chelsea noire en cuir, profil latéral". Si l'attribut est absent, l'image n'a pas de texte alt. Si vous voyez alt="", l'alt est intentionnellement vide (décoratif). Pour une seule image, Inspecter est rapide. Pour une page complète avec 30 ou 50 images, ouvrir Inspecter sur chacune prend dix minutes. Ce vérificateur scanne chaque image en un seul passage et retourne un CSV avec URL de l'image, valeur alt, et classification. Utilisez Inspecter pour les vérifications ponctuelles et cet outil pour les audits complets de page avant de lancer un redesign ou après une migration CMS.

Utilisez ce vérificateur pour un audit complet de page, ou vérifiez des images individuelles avec DevTools du navigateur. Pour l'audit complet, entrez l'URL de votre page, définissez le basculement décoratif à Oui si vous voulez que les alts vides conformes WCAG comptent comme bons, et cliquez sur Vérifier le texte alt. La sortie montre chaque image avec sa valeur alt, une classification (manquante / décorative / bonne / suspecte), et un score de couverture. Pour les images uniques, clic droit et choisissez Inspecter, puis lisez l'attribut alt sur la balise <img>. Pour les plateformes sociales comme Instagram ou LinkedIn, le texte alt est modifiable dans le flux de création de post mais pas toujours visible après la publication. Pour les images dans WordPress ou Webflow, le champ alt se trouve dans la bibliothèque médias ou les paramètres de bloc. Lancez une vérification complète de page avant de publier et après chaque migration CMS pour attraper les alts qui se font retirer lors des changements de modèle.

Le texte alt vit dans la source HTML de n'importe quelle page Web et est visible par plusieurs méthodes. Dans un navigateur, clic droit sur une image et sélectionnez Inspecter, puis lisez l'attribut alt sur la balise <img>. Dans Microsoft Office, clic droit sur une image et sélectionnez Voir le texte alt, ou sélectionnez l'image et choisissez Format de l'image puis Texte alt. Dans Google Docs, clic droit et choisissez Texte alt. Dans WordPress, le champ alt est dans la bibliothèque médias et l'éditeur de bloc. Dans Webflow, il se trouve dans le volet des paramètres d'image. Pour un audit complet de page sur chaque image à la fois, collez l'URL dans ce vérificateur et la sortie montre chaque valeur alt plus une miniature de chaque image. Les lecteurs d'écran aussi surfacent le texte alt quand les utilisateurs naviguent le contenu de la page, qui est l'objectif original de l'attribut.

L'auteur ou le créateur de l'image est la bonne personne pour écrire le texte alt car ils comprennent le contexte et la raison pour laquelle l'image a été ajoutée. Un photographe qui prend une photo de produit sait si l'angle, la couleur, ou le détail importe le plus. Un écrivain qui intègre un graphique dans un article de blog sait quel point de données le graphique illustre. Remettre la rédaction du texte alt à un développeur ou consultant en accessibilité après coup perd ce contexte. Dans une équipe de contenu, le flux de travail devrait mettre les champs de texte alt directement dans le flux de publication (CMS, outil de design) pour que l'auteur rédige l'alt au moment où il télécharge l'image. Utilisez ce vérificateur comme une dernière passe QA pour attraper les alts que l'auteur a sautés ou réduits mal. Pour les sites avec 1 000+ images, envisagez un cycle d'audit trimestriel : 25 % des pages chaque trimestre, en priorisant les top 100 URLs conduisant le trafic.

Passer le texte alt descriptif uniquement quand l'image est purement décorative et n'ajoute aucune information, comme un GIF espaceur, un motif de fond, une ligne de division, ou une icône décorative à côté de texte qui dit la même chose. Dans ces cas, définissez alt="" (chaîne vide) et idéalement ajoutez role="presentation" pour que les lecteurs d'écran sachent sauter l'image plutôt que de deviner. Ne jamais omettre l'attribut alt entièrement ; l'alt manquante force les lecteurs d'écran à annoncer le nom de fichier, qui est généralement du bruit. Aussi passer le texte alt sur les images de fond CSS, que les lecteurs d'écran ignorent par défaut. Le rapport 2024 WebAIM Million a trouvé que 11 % des images décoratives avaient du texte alt verbeux qui devrait être vide, créant une fatigue de lecteur d'écran. Ce vérificateur signale les deux lacunes : alts manquantes sur les images de contenu et alts verbeux sur les décoratives probables.

Ctrl+Shift+R (Cmd+Shift+R sur Mac) effectue une actualisation forcée dans Chrome, rechargement de la page et contournement du cache du navigateur. Il force Chrome à re-télécharger chaque actif, y compris les images, CSS, et JavaScript, au lieu de tirer des copies en cache. Cela importe pour l'audit de texte alt de deux manières. Premièrement, si vous avez mis à jour les attributs alt via votre CMS mais la page affiche toujours les anciens alts dans DevTools, une actualisation forcée force le nouveau HTML à charger. Deuxièmement, si les images ne s'affichent pas et vous suspectez un problème de cache plutôt qu'un lien cassé réel, une actualisation forcée confirme si l'image charge vraiment. Après une actualisation forcée, relancez ce vérificateur pour auditer la page fraîchement récupérée. L'outil lui-même récupère une copie fraîche de la page à chaque exécution, donc il n'est pas affecté par votre cache du navigateur, mais les vérifications ponctuelles de DevTools le sont.

Le critère de succès WCAG 2.1 1.1.1 (Contenu non textuel, Niveau A) exige que tout contenu non textuel ait une alternative textuelle servant l'objectif équivalent, avec des exceptions spécifiques pour le contenu décoratif, les contrôles, et les CAPTCHA. Pour les images, cela signifie que chaque balise <img> significative a besoin d'un attribut alt non vide qui décrit l'image. Les images décoratives ont besoin de alt="". Les images CAPTCHA ont besoin de texte alt décrivant l'objectif, pas le puzzle. WCAG 2.2 garde ce critère inchangé. Les poursuites ADA aux États-Unis citent fréquemment le texte alt manquant comme un échec primaire, avec plus de 4 000 poursuites en accessibilité Web déposées en 2023 seul. Le rapport 2024 WebAIM Million a trouvé que 54 % des pages d'accueil top avaient du texte alt manquant. Ce vérificateur note chaque image contre la règle WCAG et vous donne un score de couverture pour que vous sachiez si la page passe le Niveau A sur ce critère avant audit formel.

Visez 5-125 caractères par alt, avec la plupart des bons alts se situant dans la plage 40-80 caractères. Les lecteurs d'écran coupent les alts après environ 125 caractères dans certaines implémentations, et l'algorithme de recherche d'image de Google semble cesser de peser le contenu après cette longueur. N'importe quoi sous 5 caractères est généralement trop vague (pensez "logo" ou "icône"). N'importe quoi au-dessus de 200 caractères se lit comme du bourrage de mots-clés ou décrit un détail que l'utilisateur n'a pas demandé. Pour les images complexes comme les infographies, graphiques, ou diagrammes, utilisez un alt court (sous 125 caractères) plus une description plus longue dans le paragraphe environnant ou via l'attribut aria-describedby. Ce vérificateur signale les alts sous 5 caractères comme suspects et les alts au-dessus de 200 caractères comme trop longs, pour que vous voyiez les deux extrêmes en un seul passage d'audit.

Utilisez alt="" quand l'image est purement décorative et n'ajoute aucune information que le texte seul ne rate. Les exemples incluent les GIF espaceurs, les diviseurs ornementaux, les motifs de fond, les icônes décoratives à côté de texte qui dit la même chose, et les flourishes de style CSS. Associez alt="" avec role="presentation" pour être explicite sur l'intention décorative. La chaîne vide dit aux lecteurs d'écran de sauter l'image proprement. Manquer l'attribut alt entièrement (pas de alt= du tout) force les lecteurs d'écran à annoncer le nom de fichier, qui est le mauvais résultat pour les images décoratives. Le guide d'audit WCAG.com 2024 note que 11 % des images décoratives portent des alts verbeux qui devraient être vides, et 8 % des images significatives portent des alts vides qui devraient être descriptifs. Basculez le champ Traiter alt='' vide comme intentionnellement décoratif pour contrôler comment ce vérificateur gère les alts vides ambigus sur votre site.

Nom-de-fichier-comme-alt (alt="IMG_2847.jpg" ou alt="screen-shot-2024-01-15.png") dit aux lecteurs d'écran de littéralement lire le nom de fichier caractère par caractère, ce qui sonne comme du bruit et ne transmet rien sur l'image. Cela donne aussi à Google Image Search rien d'utile à classer, puisque les noms de fichier aléatoires alphanumériques ne portent aucun contenu sémantique. L'étude de recherche d'image Ahrefs 2024 a trouvé que les pages avec des alts nom-de-fichier sur plus de 20 % des images se classaient 40 % plus bas dans Google Image Search que les pages avec des alts descriptifs sur chaque image. Ce vérificateur signale les motifs de nom-de-fichier (IMG_, DSC_, screen-shot, .jpg dans la valeur alt, etc.) comme suspects pour que vous puissiez les corriger rapidement. Remplacez alt="IMG_2847.jpg" par ce que l'image montre vraiment : alt="Botte Chelsea noire en cuir, profil latéral". La correction prend 10 secondes par image et récupère la valeur d'accessibilité et d'image-SEO.

Google lit le texte alt en deux endroits : comme signal de classement primaire pour Google Image Search, et comme contexte de contenu pour la page environnante dans la recherche Web régulière. Pour la recherche d'image, Google classe les images partiellement par la pertinence du texte alt à la requête de recherche, aux côtés du nom de fichier, du texte environnant, et des signaux de qualité d'image. Pour la recherche Web, Google utilise le texte alt pour comprendre ce qu'une page concerne quand les images portent du contenu significatif (graphiques, photos de produits, infographies). Une étude Ahrefs 2024 de 1,2 million de résultats de recherche d'image a trouvé que les pages avec des alts descriptifs sur chaque image au-dessus de la ligne de flottaison se classaient 30-50 % plus haut dans Google Image Search que les pages avec des alts manquants ou des noms de fichier. Google ne pénalise pas directement le texte alt manquant dans les classements de recherche régulière, mais les alts manquants confisquent le trafic de recherche d'image et affaiblissent les signaux de pertinence thématique. Utilisez ce vérificateur plus le website-metadata-checker pour un audit SEO complet sur la page.

Le texte alt (alt="...") est l'alternative textuelle pour le contenu de l'image, lu par les lecteurs d'écran et utilisé par les moteurs de recherche pour le classement d'image. L'attribut title (title="...") est du texte supplémentaire affiché comme un conseil au survol dans certains navigateurs, et est largement ignoré par les lecteurs d'écran et les moteurs de recherche. Alt est requis par WCAG. Title est optionnel et souvent inutile puisque les utilisateurs mobiles ne peuvent pas survoler, et de nombreux lecteurs d'écran le sautent. Si vous avez quelque chose d'utile à dire sur une image, mettez-le dans l'alt ou dans le paragraphe environnant, pas dans le title. Le sondage 2024 WebAIM des utilisateurs de lecteur d'écran a trouvé que 73 % des répondants préféraient le texte alt aux attributs title pour l'information d'image. Ce vérificateur audite l'attribut alt uniquement, puisque title vaut rarement l'effort d'optimisation. Concentrez votre effort sur la rédaction de forts alts et sur l'omission des titles à moins que vous ayez une raison spécifique de les utiliser.

Les lecteurs d'écran comme NVDA, JAWS, et VoiceOver annoncent les images en lisant l'attribut alt à haute voix, préfacé par le mot "image" ou "graphique" dépendant du lecteur d'écran. Pour <img alt="Botte Chelsea noire en cuir">, NVDA annonce "graphique, Botte Chelsea noire en cuir". Pour <img alt=""> associé avec role="presentation", le lecteur d'écran saute l'image entièrement. Pour <img> sans attribut alt du tout, la plupart des lecteurs d'écran revient à lire le nom de fichier ou l'URL, ce qui sonne comme "graphique, I M G tiret bas 2 8 4 7 point J P G". Le sondage lecteur d'écran 2024 WebAIM a trouvé que 67 % des répondants ont noté le texte alt manquant ou pauvre comme une "très sérieuse" barrière à l'utilisation du Web, le classant au-dessus des étiquettes de formulaire manquantes et de la navigation au clavier cassée. Lancez ce vérificateur avant n'importe quelle version pour attraper les alts manquantes et suspectes avant que les utilisateurs de lecteur d'écran les frappent.

Le bon texte alt est court (40-80 caractères typique, 125 max), décrit ce que l'image montre en langage ordinaire, et ajoute une information qui n'est pas déjà dans le texte environnant. Commencez par l'élément visuel le plus important. Pour une photo de produit : "Adidas Samba rouge, vue à trois quarts". Pour un graphique : "Graphique à barres montrant 40 % de croissance de revenus Q1 à Q4 2024". Pour un portrait : "Sarah Chen, PDG d'Acme, souriant à la caméra". Passer les phrases comme "image de" ou "photo de" puisque les lecteurs d'écran annoncent déjà l'image. Passer le nom de fichier. Passer le bourrage de mots-clés. Pour les images décoratives, utilisez alt="" avec role="presentation". Pour les images complexes comme les infographies, rédigez un alt court et mettez la description complète dans le paragraphe environnant ou dans un élément aria-describedby. Ce vérificateur signale les alts sous 5 caractères, au-dessus de 200 caractères, majuscules, un mot seul, et les motifs nom-de-fichier pour que vous puissiez réécrire les faibles en un seul passage.