Recherchez les images qui nécessitent un examen plus approfondi
Vérificateur de balises alt
Auditez les attributs alt de l'image dans HTML collé. Séparez les attributs manquants des alternatives intentionnellement vides, examinez chaque source d'image et exportez vos résultats.
Image alt audit
Your image counts and alt text review will appear here.
Vérificateur de balises alt: ce que votre chèque vous indique
Un vérificateur de balise alt vous aide à trouver les éléments d'image dont les alternatives nécessitent une attention particulière. Dans HTML, alt est un attribut sur une image, pas une balise distincte. Un attribut manquant, une valeur vide et une description utile sont trois cas différents.
Cet audit local inspecte les éléments img dans le HTML que vous collez. Il ne récupère pas la page, ne juge pas l'image visuellement, n'exécute pas JavaScript, ne charge pas les images et ne certifie pas l'accessibilité. Il compte les occurrences d'images plutôt que de dédupliquer les fichiers, car la même image peut servir à des fins différentes dans des contextes différents.
Attribut manquant
Un élément img sans alt doit être révisé. La technologie d'assistance peut annoncer son nom de fichier au lieu d'une alternative utile. Décidez si l’image transmet des informations ou est décorative.
Alternative vide
Un alt="" explicite peut convenir à une image décorative. Gardez-le vide lorsque l'image n'ajoute aucune information; ajoutez du texte utile lorsqu'il communique quelque chose dont le lecteur a besoin.
Espaces uniquement
Les espaces à l'intérieur de alt sont répertoriés séparément. Vérifiez le but de l'image, puis utilisez une valeur véritablement vide pour la décoration ou un texte significatif pour information.
Texte présent
Une valeur non vide n'est pas automatiquement une bonne alternative. Vérifiez qu'il décrit l'objectif dans son contexte sans bourrer de mots-clés, sans répéter le texte à proximité ou en vous basant sur le nom du fichier.
HOW IT WORKS
D'un chèque à une prochaine étape utile
Coller la source ou le rendu HTML
Copiez le HTML à partir de la source de votre page ou des outils de développement de votre navigateur. Coller une adresse Web seul ne récupère pas cette page.
Examinez chaque catégorie
Commencez par les attributs manquants, puis examinez les alternatives vides dans leur contexte. Filtrez les résultats et comparez la source de l’image et le texte alternatif.
Corrigez et revérifiez
Mettez à jour vos modèles ou vos champs CMS, exportez la liste de révision, puis auditez le nouveau HTML après la publication. Testez la page avec une technologie d'assistance dans le cadre d'un examen plus large.
Le même attribut, trois décisions différentes
Image informative du produit
<img src="mug.jpg" alt="Blue ceramic mug with a curved handle">Décrivez les informations apportées par l'image. Cet exemple donne à un acheteur un détail visuel concret.
Séparateur décoratif
<img src="divider.svg" alt="">Une alternative vide peut empêcher une image décorative d'ajouter du bruit à l'expérience de lecture.
Tableau des tailles sans alternative
<img src="size-guide.png">L'alt manquant doit être révisé. Un graphique complexe peut également nécessiter du texte ou un tableau de données à proximité, au-delà d'une courte alternative.
For contextual guidance, read the W3C image alt decision tree.