Vérificateur de texte alternatif des images
Chaque image, jugée avec des mots
Ce vérificateur de texte alternatif lit chaque image d’une page en ligne et dit, pour chacune, si son alt aide la personne qui écoute. De plus, il signale l’alt absent, les noms de fichier et les mots génériques, puis distingue les images en lien de la décoration.
- GratuitPrix
- HuitContrôles
- AucuneInscription
- RienConservé
Vérificateur de texte alternatif des images
Chaque image d’une page, le texte alternatif qu’elle porte et celui qui lui manque
- Images
- 0
- Aucun alt
- 0
- Marquées décoratives
- 0
- À améliorer
- 0
- Déjà correctes
- 0
| # | Image | Texte alternatif | Verdict | Que faire |
|---|---|---|---|---|
| Collez une adresse ci-dessus et les images arrivent ici. | ||||
Prêt. Collez une adresse publique et ce serveur lit ses images une fois.
À quoi sert le texte alternatif
Le texte alternatif est la phrase qui remplace une image quand on ne peut pas la voir.
Le lecteur d’écran le prononce pour qui ne voit pas l’image. Un navigateur l’affiche quand le fichier ne charge pas. De plus, les moteurs de recherche le lisent, car c’est la description la plus claire de ce que montre une image.
Donc la question n’est jamais seulement de savoir si une image a un texte alternatif. Au contraire, il s’agit de savoir si ces mots auraient du sens pour quelqu’un qui ne voit pas l’image.
C’est la question que cet outil pose à chaque image et à chaque balise alt de la page, et il répond avec des mots clairs plutôt qu’un simple réussi ou échoué.
Alt absent et alt vide sont différents
Un attribut alt absent est une erreur. Comme il n’y a rien à lire, beaucoup de lecteurs d’écran se rabattent sur le nom du fichier et lisent quelque chose comme "IMG tiret bas 4031 point jpg".
Un alt vide, écrit alt="", est au contraire une décision. Il demande aux aides techniques de sauter l’image, ce que les recommandations du W3C sur les images décoratives conseillent pour un séparateur, une forme de fond ou une icône à côté d’un mot qui dit déjà la même chose.
C’est pourquoi ce vérificateur compte les deux séparément. Le premier doit être corrigé, tandis que le second ne demande presque jamais rien.
Pourquoi une image en lien compte le plus
Quand une image est la seule chose dans un lien, son texte alternatif devient le nom de ce lien.
Sans lui, le lien n’a pas de nom, donc un lecteur d’écran annonce l’adresse ou simplement "lien". Ensuite, quiconque parcourt la page au clavier rencontre une série d’arrêts identiques et sans nom.
Pour cette raison, ces lignes apparaissent en premier. De plus, le texte alternatif d’une image en lien doit décrire où mène le lien, pas l’apparence de l’image.
Un texte alternatif qui passe et échoue quand même
La plupart des validateurs s’arrêtent à "l’attribut existe". Par conséquent, alt="DSC00412.jpg", alt="image" et alt="banner" passent tous, alors qu’aucun ne dit rien à la personne qui écoute.
Ce vérificateur lit les mots. Il repère les noms de fichier et d’appareil photo, les mots génériques isolés et les débuts comme "image de", que le lecteur d’écran dit déjà avant le texte.
Il remarque aussi le même texte alternatif répété sur trois images différentes ou plus, car c’est souvent une valeur par défaut du thème plutôt qu’une description.
Les copies dans noscript
Les extensions de lazy loading laissent souvent une seconde copie de chaque image dans une balise noscript pour les robots. Le vérificateur liste ces copies, puis les exclut des totaux, ainsi aucune image n’est jugée deux fois.
Quelle longueur pour le texte alternatif
Le plus souvent, une phrase fait l’affaire. Beaucoup de lecteurs d’écran coupent, ou deviennent au moins difficiles à suivre, au-delà d’environ 125 caractères.
Si une image demande plus d’explication, comme un graphique ou un schéma, mettez le détail dans une légende visible ou dans le texte voisin. Ensuite, gardez l’alt court et laissez-le y renvoyer.
Les angles morts de cet outil
Il lit la page telle que le serveur l’envoie, ce qu’un robot lit aussi en premier. Par conséquent, les images ajoutées plus tard par un script, et celles définies en fond CSS, n’apparaissent pas ici.
D’ailleurs, les images de fond CSS ne peuvent pas porter de texte alternatif. Si l’une d’elles a un sens, elle doit donc aller dans une balise img.
Sur cette page
- L’outil
- À quoi sert le texte alternatif
- Comment utiliser le vérificateur de texte alternatif
- Ce qui distingue ce vérificateur de texte alternatif
- Règles pour écrire un texte alternatif
- Six erreurs de texte alternatif qui passent les validateurs
- Vos questions sur le texte alternatif
- Des utilitaires pour contrôler vos images
Continuer
Comment utiliser le vérificateur de texte alternatif
Une adresse en entrée, une ligne par image en sortie, les problèmes d’abord.
- 1
Indiquez l’URL à examiner
Toute page publique convient. Un simple domaine suffit aussi, car https:// est ajouté pour vous.
- 2
Appuyez sur vérifier
Ce serveur lit la page une fois et renvoie chaque image et chaque cadre qu’elle contient. La page elle-même n’est jamais affichée ici.
- 3
Traitez d’abord ce qui est en rouge
Les images en lien sans alt passent d’abord, car ces liens n’ont pas de nom. Puis viennent les images sans aucun alt.
- 4
Utilisez les mots suggérés
Quand le nom du fichier est lisible, le vérificateur en fait une phrase de départ. Ensuite, retravaillez-la en vraie description avant de l’utiliser.
Ce qui distingue ce vérificateur de texte alternatif
La plupart des vérificateurs comptent les attributs. Celui-ci, au contraire, lit ce qu’ils disent.
Huit verdicts, pas deux
Absent, en lien, nom de fichier, générique, redondant, trop long, répété et décoratif. De plus, chacun vient avec sa propre raison.
Les images en lien d’abord
Une image qui constitue tout le lien décide du nom de ce lien, c’est pourquoi ces erreurs sont en tête de liste.
Une correction sur chaque ligne
Chaque problème arrive avec l’étape suivante, et souvent avec une phrase de départ tirée du nom du fichier.
La décoration respectée
alt="" et aria-hidden comptent comme des décisions, pas des erreurs, car sur un séparateur ils sont la bonne réponse.
Les cadres aussi
Une vidéo ou une carte intégrée est nommée par son attribut title, donc les cadres sans title sont signalés eux aussi.
Export en un clic
Copiez le rapport ou téléchargez-le en CSV, puis transmettez-le à la personne qui modifie la page.
Règles pour écrire un texte alternatif
Huit habitudes qui transforment un attribut en description.
- Décrivez le rôle, pas les pixels. Posez-vous la question de l’utilité de l’image sur la page. Une photo produit a besoin du produit ; en revanche, un graphique a besoin de sa conclusion.
- Nommez la destination d’une image en lien. Si l’image est le lien, le texte alternatif est le texte du lien. Ainsi, "Voir nos tarifs" vaut mieux que "Flèche bleue".
- Supprimez "image de". Un lecteur d’écran annonce déjà une image. Commencez donc directement par le sujet.
- Utilisez alt="" pour la décoration. Les séparateurs, ornements et formes de fond doivent être sautés, et un alt vide est la façon de le dire.
- Une seule phrase suffit. Au-delà d’environ 125 caractères, le détail va dans une légende, où tout le monde peut le lire.
- Si l’image contient des mots, recopiez-les dans l’alt. Si une bannière dit "Soldes d’été, 30 pour cent de réduction", le texte alternatif doit le dire aussi, car sinon l’offre est invisible pour l’auditeur.
- Évitez d’empiler des mots-clés dans l’attribut alt. Un texte alternatif écrit pour les moteurs sonne mal à voix haute. D’ailleurs, une description naturelle contient déjà les mots qui comptent.
- Revérifiez après une refonte. Les thèmes et les constructeurs de pages effacent le texte alternatif plus souvent qu’on ne le croit, donc relancez la vérification à chaque changement de modèle.
Six erreurs de texte alternatif qui passent les validateurs
Chacune a un attribut alt, et pourtant chacune laisse la personne qui écoute deviner.
Garder le nom donné par l’appareil photo
alt="IMG_4031", c’est ce que laisse un envoi de fichier. Il passe tous les validateurs et ne décrit rien.
Un mot générique
"Logo", "image" et "bannière" nomment une catégorie. Dites plutôt à qui est le logo, ou ce que propose la bannière.
Le même texte partout
Une galerie de vingt photos toutes nommées "Nos réalisations" donne à l’auditeur une seule information vingt fois.
Un paragraphe dans l’attribut
Un long texte alternatif ne se survole pas et ne se met pas en pause. Mettez donc le détail dans une légende et gardez l’alt court.
Un alt vide dans un lien
alt="" sur la seule chose dans un lien laisse le lien sans aucun nom.
Des mots-clés au lieu de mots
Une liste de termes de recherche sonne comme du spam à l’oral, et en plus elle n’aide personne à trouver la page.
Vos questions sur le texte alternatif
Que désigne le texte alternatif ?
C’est le texte de l’attribut alt d’une image. Les lecteurs d’écran le lisent à voix haute, les navigateurs l’affichent quand l’image ne charge pas, et les moteurs de recherche le lisent pour comprendre l’image.
Chaque image a-t-elle besoin d’un texte alternatif ?
Toute balise img doit porter un alt, même vide. Cependant, une image purement décorative doit en avoir un vide, alt="", pour que les lecteurs d’écran la sautent.
Google tient-il compte du texte alternatif ?
Oui. C’est le principal moyen pour un moteur de savoir ce que montre une image, ce qui compte pour la recherche d’images. Écrivez-le pourtant d’abord pour les personnes, car c’est aussi ce qu’un robot lit le mieux.
Combien de caractères mettre dans un texte alternatif ?
Une phrase courte, idéalement sous 125 caractères. Les explications longues vont donc dans une légende visible.
En quoi alt et title diffèrent-ils ?
Alt remplace l’image pour qui ne peut pas la voir. En revanche, title est une infobulle facultative que la plupart des lecteurs d’écran ignorent, donc il ne remplace pas le texte alternatif.
Pourquoi le vérificateur signale-t-il mon logo ?
En général parce que le texte alternatif dit seulement "logo". Dites de qui est le logo et, s’il mène à l’accueil, dites-le plutôt, par exemple "Accueil Denwix".
Pourquoi le rapport n’affiche-t-il pas toutes les images ?
Le vérificateur lit la page telle que le serveur l’envoie. Ainsi, les images ajoutées ensuite par un script, ou définies en fond CSS, ne sont pas dans ce code.
Que sont les copies dans noscript ?
Beaucoup d’extensions de lazy loading placent une seconde copie de chaque image dans noscript pour les robots. Elles sont listées, mais elles restent hors des totaux.
Puis-je vérifier une page derrière une connexion ?
Non. La page doit être publique, car ce serveur la lit comme la lirait un visiteur sans compte.
La page vérifiée est-elle stockée quelque part ?
Non. L’adresse sert à une seule lecture puis disparaît, et ce serveur ne garde ni la page ni le rapport.
Des utilitaires pour contrôler vos images
Le texte alternatif n’est qu’une question sur une image. Voici les réponses aux autres questions.
Quelles images chargent trop tôt, et lesquelles attendent trop.
Ouvrir l’outil →Largeur, hauteur et poids du fichier, mesurés dans votre navigateur.
Ouvrir l’outil →Convertissez les images lourdes en WebP ou AVIF sans les envoyer.
Ouvrir l’outil →
On passe vos images au crible ?
Collez une adresse et lisez un verdict pour chaque image. Le vérificateur de texte alternatif est gratuit, sans compte, et ne garde aucune trace de la page.