Finden Sie die Bilder, die einen genaueren Blick erfordern
Alt Tag Checker
Prüfen Sie die Alt-Attribute des Bildes im eingefügten HTML. Trennen Sie fehlende Attribute von absichtlich leeren Alternativen, überprüfen Sie jede Bildquelle und exportieren Sie Ihre Ergebnisse.
Image alt audit
Your image counts and alt text review will appear here.
Alt Tag Checker: was Ihnen Ihr Scheck sagt
Ein Alt-Tag-Checker hilft Ihnen dabei, Bildelemente zu finden, deren Alternativen Aufmerksamkeit erfordern. In HTML ist alt ein Attribut für ein Bild, kein separates Tag. Ein fehlendes Attribut, ein leerer Wert und eine nützliche Beschreibung sind drei verschiedene Fälle.
Bei dieser lokalen Prüfung werden IMG-Elemente im von Ihnen eingefügten HTML überprüft. Es wird nicht die Seite abgerufen, das Bild nicht visuell beurteilt, JavaScript ausgeführt, Bilder geladen oder die Zugänglichkeit zertifiziert. Es zählt das Vorkommen von Bildern, anstatt Dateien zu deduplizieren, da dasselbe Bild in unterschiedlichen Kontexten unterschiedlichen Zwecken dienen kann.
Fehlendes Attribut
Ein img-Element ohne Alt muss überprüft werden. Unterstützende Technologien geben möglicherweise ihren Dateinamen statt einer nützlichen Alternative bekannt. Entscheiden Sie, ob das Bild Informationen vermittelt oder dekorativ ist.
Leere Alternative
Ein explizites alt="" kann für ein dekoratives Bild geeignet sein. Lassen Sie es leer, wenn das Bild keine Informationen hinzufügt. Fügen Sie nützlichen Text hinzu, wenn er dem Leser etwas mitteilt, was er braucht.
Nur Leerzeichen
Leerzeichen innerhalb von Alt werden separat aufgeführt. Überprüfen Sie den Zweck des Bildes und verwenden Sie dann einen wirklich leeren Wert zur Dekoration oder einen aussagekräftigen Text zur Information.
Text vorhanden
Ein nicht leerer Wert ist nicht automatisch eine gute Alternative. Stellen Sie sicher, dass es den Zweck im Kontext beschreibt, ohne Schlüsselwörter zu stopfen, benachbarten Text zu wiederholen oder sich auf den Dateinamen zu verlassen.
HOW IT WORKS
Von einem Scheck bis ein nützlicher nächster Schritt
Quelltext oder gerendertes HTML einfügen
Kopieren Sie HTML aus Ihrer Seitenquelle oder Ihren Browser-Entwicklertools. Durch das Einfügen einer Webadresse allein wird diese Seite nicht abgerufen.
Überprüfen Sie jede Kategorie
Beginnen Sie mit fehlenden Attributen und überprüfen Sie dann leere Alternativen im Kontext. Filtern Sie die Ergebnisse und vergleichen Sie Bildquelle und Alternativtext.
Korrigieren und erneut prüfen
Aktualisieren Sie Ihre Vorlagen oder CMS-Felder, exportieren Sie die Überprüfungsliste und prüfen Sie nach der Veröffentlichung die neuen HTML. Testen Sie die Seite mit unterstützender Technologie im Rahmen einer umfassenderen Überprüfung.
Das gleiche Attribut, drei verschiedene Entscheidungen
Informatives Produktbild
<img src="mug.jpg" alt="Blue ceramic mug with a curved handle">Beschreiben Sie die Informationen, die das Bild liefert. Dieses Beispiel vermittelt einem Käufer ein konkretes visuelles Detail.
Dekorative Trennwand
<img src="divider.svg" alt="">Eine leere Alternative kann verhindern, dass ein dekoratives Bild das Leseerlebnis stört.
Größentabelle ohne Alternative
<img src="size-guide.png">Fehlendes Alt muss überprüft werden. Für ein komplexes Diagramm ist neben einer kurzen Alternative möglicherweise auch Text oder eine Datentabelle in der Nähe erforderlich.
For contextual guidance, read the W3C image alt decision tree.