Vérifier le texte alternatif des images
Le texte alternatif explique une image lorsqu’elle ne peut pas être vue. Cet outil lit les éléments img et les champs de saisie de type image dans le HTML récupéré d’une page. Il distingue les attributs absents, les valeurs vides et les textes présents. Saisissez l’URL de la page, pas celle d’un fichier image.
Interpréter les éléments observés
Utilisez les filtres et les lignes sources pour retrouver chaque déclaration. Un attribut absent demande une correction. Un alt="" vide peut être volontaire pour une image décorative ; examinez son rôle avant de le modifier. Un texte présent nécessite aussi une vérification humaine : décrivez le rôle de l’image dans son contexte plutôt qu’un nom de fichier ou une accumulation de mots-clés. Pour une image liée, rendez la destination ou l’action compréhensible.
Corriger puis vérifier
Modifiez le composant d’image ou le champ du CMS, puis vérifiez la page publiée. Le rapport conserve jusqu’à 1 000 lignes et peut raccourcir les éléments longs. Il ne rend pas JavaScript, n’inspecte pas les pixels et ne certifie pas l’accessibilité. Pour d’autres signaux, utilisez On-Page SEO Checker.
Adapter le texte au rôle de l’image
Une photo de produit peut nécessiter une brève description d’un détail distinctif, comme la couleur et les compartiments d’un sac. Un séparateur purement décoratif peut utiliser alt="". Si un logo constitue seul un lien vers l’accueil, décrivez la destination, par exemple « Accueil Example », plutôt que sa forme. Ces exemples dépendent du contexte et ne conviennent pas à toutes les images.
Un graphique demande souvent davantage qu’un texte bref. Expliquez sa conclusion et présentez les valeurs importantes dans un texte proche ou un tableau. Ne placez pas tout le jeu de données dans un attribut. Si le texte adjacent donne déjà la même information, évaluez l’utilité ou la répétition.
Utiliser le rapport comme liste de modifications
Filtrez d’abord les attributs absents, puis examinez les valeurs vides et les textes présents dans leur contexte. « Présent » signifie qu’il y a du texte, sans garantir sa pertinence. Contrôlez aussi les composants partagés du modèle et les entrées du CMS pour éviter de reproduire le défaut.
Publiez les modifications et revérifiez la page. Le rapport n’évalue pas les arrière-plans CSS ni tous les éléments graphiques et ne génère pas de description à partir des pixels. Examinez manuellement les visuels utiles absents de la liste. L’accessibilité exige une description juste du rôle, pas seulement plus d’attributs remplis.