L’Image Alt Text Checker de Screpy trouve les éléments d’image pris en charge dans le HTML récupéré d’une page et distingue attributs alt absents, valeurs vides et texte fourni. Utilisez les éléments relevés pour préparer les corrections, puis évaluez le rôle de chaque image. L’outil localise les attributs ; il n’analyse pas les pixels, ne rédige pas de descriptions et ne certifie pas l’accessibilité.
Vérifiez la page qui contient les images
Saisissez une URL HTTP/HTTPS publique de page, pas l’adresse d’une photographie. La source doit fournir du HTML lisible. Pour une galerie produit, contrôlez la page qui l’héberge. Le fichier d’image seul ne révèle pas le texte alternatif attribué à chaque utilisation.
Le rapport lit les éléments img et les input de type image. Il utilise la réponse HTML sans exécuter JavaScript. Les images ajoutées après exécution des scripts peuvent manquer ; les arrière-plans CSS et SVG intégrés sont aussi hors de cette liste.
Jusqu’à 1 000 lignes sont conservées et les longues preuves peuvent être raccourcies. Ce sont des occurrences d’éléments, pas des fichiers uniques. Une même photo peut avoir deux lignes et deux rôles. Lisez les avertissements de couverture partielle : la liste ne représente pas tous les visuels d’une page volumineuse ou dynamique. Aucun élément pris en charge ne prouve pas l’absence d’images à l’écran.
Distinguez alt absent, vide et renseigné
Utilisez les filtres pour examiner chaque catégorie. Absent signifie que l’élément ne possède pas d’attribut alt. Vide signifie qu’il existe sans texte significatif, y compris avec seulement des espaces. Renseigné signifie qu’il contient du texte, sans garantie d’exactitude, d’utilité ou de pertinence pour un lecteur d’écran.
Commencez par les absences, puis évaluez les valeurs vides dans leur contexte. Le guide W3C WAI sur les images décoratives explique pourquoi une alternative vide convient à une image sans apport informatif. Omettre l’attribut et le laisser vide sont deux choix différents. Ne remplissez pas chaque vide pour améliorer le compteur.
La source de l’image et le numéro de ligne HTML aident à retrouver l’élément dans le modèle ou la sortie du CMS. L’outil signale certains textes ressemblant à un nom de fichier, par exemple une description terminant par .jpg. C’est un indice, pas une évaluation linguistique complète. Un texte générique, erroné ou répétitif peut ne pas déclencher ce signal et nécessiter une correction.
Choisissez le texte alternatif selon le rôle de l’image
Demandez-vous ce qui manquerait sans voir l’image. L’arbre de décision alt de W3C WAI distingue usages informatifs, décoratifs et fonctionnels. Un fichier peut demander un traitement différent selon la page, le texte voisin et son rôle.
Ces exemples fictifs illustrent des choix éditoriaux. Les formulations ne conviennent que si le visuel et le contexte sont exacts ; l’outil n’a pas inspecté ces images.
| Rôle de l’image | Traitement possible | Condition à vérifier |
|---|---|---|
| Photo produit montrant un détail | « Sac à dos bleu avec deux poches zippées à l’avant » | Détails exacts et utiles au choix |
| Séparateur décoratif | Attribut alt vide | Aucun apport informatif ou fonctionnel |
| Logo seul dans un lien vers l’accueil | « Accueil Example » | L’image est le seul contenu du lien et mène bien à l’accueil |
| Graphique avec valeurs importantes | Alternative brève et explication ou tableau proche | Conclusion et valeurs restent accessibles sans voir le graphique |
Pour une image-lien ou un bouton illustré, expliquez la destination ou l’action si elle serait sinon ambiguë. Ne remplacez pas cette fonction par la forme de l’icône. Pour un graphique complexe, n’entassez pas toutes les données dans un attribut ; rendez les détails disponibles dans la page.
Les consignes Google sur les images recommandent un texte utile et contextuel et déconseillent l’accumulation de mots-clés. Décrivez naturellement le sens pertinent. Une liste de requêtes ne remplace pas l’explication, et un attribut renseigné ne garantit pas le classement des images.
Corrigez la source et examinez la page publiée
Modifiez le champ ou le composant produisant l’élément concerné. Une description de média dans le CMS ne sert pas si le modèle ne la place jamais dans alt. En cas de défaut répété dans les cartes ou galeries, vérifiez composant partagé et entrées individuelles. N’utilisez pas une description générique identique partout.
Publiez la correction et relancez la même URL. Confirmez l’attribut dans le HTML renvoyé, puis examinez page visible et texte voisin. Conservez les alternatives vides voulues et vérifiez le sens des images informatives ou fonctionnelles. L’objectif est un contenu utilisable, pas un rapport uniquement composé d’attributs remplis.
Contrôlez manuellement les visuels importants absents et les comportements JavaScript. L’accessibilité complète dépasse cet attribut. Pour d’autres signaux, utilisez l’On-Page SEO Checker, et pour le plan le Heading Structure Analyzer. Aucun ne transforme ce contrôle en certification.