Vérificateur d'alt text d'images
Réponse courte
Trouvez les images sans alt text et vérifiez les attributs alt existants.
Ce que ça fait
Analyse chaque `<img>` de la page et valide la présence du texte alternatif, le marquage des images décoratives via un `alt=""` vide, et les modèles d'alt reprenant le nom de fichier (texte alternatif qui se contente de répéter le nom du fichier image). Renvoie une liste des images nécessitant une attention particulière.
Pourquoi c'est important
Le texte alternatif est ce qui permet aux utilisateurs de lecteurs d'écran de savoir ce que montre une image, et le critère WCAG 1.1.1 exige une alternative textuelle pour chaque image porteuse de sens. Google utilise également le texte alternatif, avec le contexte de la page, pour comprendre les images destinées à Google Images. Un texte alternatif manquant échoue au premier groupe et laisse moins d'éléments au second.
Comment ça fonctionne
-
Saisissez l'URL d'une page ou collez son code HTML
-
Nous lisons chaque élément `<img>` et son attribut alt dans le HTML
-
Exécutez les règles de qualité : alt manquant, alt vide (décoratif), et alt reprenant le nom de fichier
-
Renvoyez la couverture du texte alternatif ainsi qu'une liste des images sans texte alternatif approprié
Exemple d'entrée et de sortie
url: https://rankproof.eu/tools
images : 18 avec alt : 17 OK alt vide (décoratif) : 1 OK alt manquant : 0 OK alt reprenant le nom de fichier : 0 OK Couverture : 100%
Qui l'utilise
-
Responsable e-commerce
Vérifiez les pages produit à la recherche d'images sans texte alternatif ou avec le nom de fichier comme texte alternatif, un défaut courant de catalogue.
-
Auditeur en accessibilité
Vérifiez la couverture du texte alternatif WCAG 1.1.1 page par page et listez chaque image sans attribut alt.
-
Éditeur de contenu
Vérifiez chaque page que vous publiez pour repérer les images téléversées sans texte alternatif avant qu'elles ne s'accumulent.
Questions fréquentes
Quand le texte alternatif doit-il être vide ?
Pour les images décoratives qui n'apportent aucune valeur informationnelle (motifs d'arrière-plan, séparateurs). Utilisez `alt=""` pour que les lecteurs d'écran les ignorent. Ne supprimez jamais complètement l'attribut.
Qu'est-ce qu'un bon texte alternatif ?
Une courte phrase qui décrit ce que montre l'image et pourquoi elle est présente. Évitez « image de » ou « photo de », et n'utilisez un mot-clé que là où il décrit réellement l'image.
Comment Google utilise-t-il le texte alternatif ?
Google utilise le texte alternatif, avec le contenu de la page, pour comprendre ce que montre une image, ce qui l'aide à la présenter dans Google Images. Les assistants IA qui lisent une page peuvent l'utiliser de la même manière.
Qu'en est-il des légendes de figures ?
Les légendes (`<figcaption>`) complètent le texte alternatif mais ne le remplacent pas. Les deux doivent décrire l'image ; l'alt est destiné aux lecteurs d'écran, la légende aux utilisateurs voyants.