Image de vérification Texte Alt : Solutions de rechange manquantes, vides et inutiles
Utilisez un audit d'attribut HTML pour créer une file d'attente d'examen humain plutôt qu'un score d'accessibilité.
Choisissez le HTML que vous voulez inspecter
Coller ou télécharger la page de source HTML. Si les scripts créent des images, exportez séparément le HTML rendu pertinent; l'audit n'exécute pas ces scripts. Il lit les attributs img sans charger les images. Les images de fond CSS, l'accessibilité SVG et le contenu visuel réel ne sont pas inclus. Notez la version source que vous avez fournie afin que la file d'attente d'examen puisse être retracée vers une page réelle.
Repose l'exemple à trois images
L'échantillon contient product.jpg avec une tasse en céramique alt Blue, divider.svg à attribut alt vide et photo.jpg sans alt. Le rapport identifie trois images, un attribut manquant et une alternative vide. L'alternative de mugs est présente, mais cela seul ne prouve pas qu'il transmet le bon détail. La valeur vide de diviseur vous demande de confirmer l'intention décorative plutôt que de la traiter automatiquement comme une erreur.
Lire le rôle de l'image sur la page
Une image informative nécessite une alternative adaptée au contenu environnant. Une image décorative peut correctement utiliser alt"" pour que la technologie d'assistance puisse l'éviter. Une image liée a souvent besoin de texte décrivant le but du lien, pas seulement son apparence. Inspectez le titre, la légende, le lien et le contenu répété avant d'écrire un remplacement. La même image peut nécessiter un traitement différent dans différents contextes.
| Cas HTML | Recherche locale | Question humaine |
|---|---|---|
| mug céramique bleu" | Présent | Est-ce que cela transmet les informations nécessaires? |
| C'est vrai. | Vide | Cette image est-elle décorative ou redondante ? |
| Aucun attribut alt | Manque | Quel rôle joue l'image? |
| "photo.jpg" | Nom de fichier suspect | Que devrait plutôt comprendre un visiteur? |
L'audit ne charge pas les images et n'évalue pas leur signification visuelle.
Utilisez cet exemple Ouvre Image alt-text audit de couverture avec ces entrées.
Traiter la formulation suspecte comme un examen rapide
L'outil peut signaler des mots génériques simples ou des alternatives de nom de fichier et des contradictions avec des signaux décoratifs. Elle ne peut décider si une alternative est suffisante, redondante ou trompeuse sans comprendre la page. Évitez de transformer le rapport en une demande mécanique de descriptions plus longues. Une alternative concise et significative peut être meilleure qu'une description détaillée qui répète le texte à proximité ou cache le but d'une image liée.
Vérifier la page révisée
Modifier le marquage réel, inspecter l'image en contexte et tester l'expérience de lecture pertinente. Renouvelez la vérification des attributs sur la source révisée pour confirmer que vos changements sont présents. Gardez les cas non résolus dans la file d'attente d'examen plutôt que de prétendre que toute la page est accessible parce que chaque img a maintenant un attribut. La présence est un signal de couverture utile, et non une évaluation complète de l'accessibilité.