Screpys Image Alt Text Checker findet unterstützte Bildelemente im abgerufenen HTML einer Seite und unterscheidet fehlende Alt-Attribute, leere Werte und vorhandenen Text. Erstellen Sie mit den Quellbelegen eine Bearbeitungsliste und prüfen Sie die Aufgabe jedes Bildes im Kontext. Das Tool findet Attribute; es analysiert keine Bildpixel, schreibt keine Beschreibungen und zertifiziert keine Barrierefreiheit.
Prüfen Sie die Seite mit den Bildern
Geben Sie eine öffentliche HTTP-/HTTPS-Seiten-URL ein, nicht die Adresse einer Bilddatei. Die Quelle muss lesbares HTML liefern. Bei einer Produktgalerie prüfen Sie die Produktseite. Eine einzelne Bilddatei zeigt nicht, welcher Alternativtext ihr an der jeweiligen Verwendungsstelle zugewiesen wurde.
Der Bericht liest img-Elemente und input-Elemente vom Typ image. Er verwendet die HTML-Antwort ohne JavaScript-Ausführung. Erst durch Skripte eingefügte Bilder können fehlen; CSS-Hintergründe und Inline-SVG liegen ebenfalls außerhalb dieser Liste.
Es bleiben höchstens 1.000 Bildzeilen erhalten; lange Belege können gekürzt werden. Gezählt werden Elementvorkommen, keine eindeutigen Dateien. Dasselbe Foto kann zweimal mit unterschiedlichen Aufgaben erscheinen. Lesen Sie Hinweise zur Teilabdeckung: Die gespeicherte Liste repräsentiert nicht jede Grafik einer großen oder dynamischen Seite. Keine unterstützten Elemente bedeutet nicht, dass auf dem Bildschirm keine Bilder existieren.
Unterscheiden Sie fehlende, leere und ausgefüllte Alt-Texte
Prüfen Sie die Kategorien mit den Filtern nacheinander. Fehlend heißt, dass das Element kein Alt-Attribut besitzt. Leer heißt, dass es keinen inhaltlichen Text enthält, auch bei reinen Leerzeichen. Vorhandener Text bedeutet nur ein ausgefülltes Attribut, keine Garantie für Richtigkeit, Nutzen oder Screenreader-Eignung.
Beginnen Sie mit fehlenden Attributen und untersuchen Sie leere Werte im Kontext. Die W3C-WAI-Anleitung zu dekorativen Bildern erklärt, warum ein leeres Attribut für informationslose Gestaltung passend sein kann. Weglassen und bewusstes Leerlassen sind unterschiedliche Entscheidungen. Füllen Sie nicht jeden leeren Wert nur für eine höhere Textanzahl.
Bildquelle und HTML-Zeilennummer helfen, das Element in Vorlage oder CMS-Ausgabe zu finden. Das Tool markiert außerdem einige dateinamenähnliche Werte, etwa Beschreibungen mit .jpg am Ende. Das ist ein Prüfhinweis, keine umfassende Sprachbewertung. Allgemeine, falsche oder wiederholte Texte können unerkannt bleiben und trotzdem Bearbeitung brauchen.
Wählen Sie Alternativtext nach der Aufgabe des Bildes
Fragen Sie, welche Information ohne das Bild fehlt. Der Alt-Entscheidungsbaum von W3C WAI trennt informative, dekorative und funktionale Verwendungen. Dieselbe Datei kann je nach Umgebung und Zweck auf verschiedenen Seiten anders behandelt werden.
Diese fiktiven Beispiele erläutern redaktionelle Entscheidungen. Die Formulierungen passen nur bei tatsächlich entsprechenden Bildern und Kontexten; der Checker hat sie nicht visuell untersucht.
| Bildaufgabe | Mögliche Behandlung | Zu prüfende Bedingung |
|---|---|---|
| Produktfoto mit Detail | „Blauer Rucksack mit zwei Reißverschlusstaschen vorn“ | Details stimmen und sind für die Auswahl relevant |
| Dekorative Trennlinie | Leeres Alt-Attribut | Die Linie liefert weder Information noch Funktion |
| Logo als einziger Inhalt eines Startseitenlinks | „Example Startseite“ | Das Bild ist alleiniger Linkinhalt und führt dorthin |
| Diagramm mit wichtigen Werten | Kurze Alternative plus Erklärung oder Datentabelle daneben | Kernaussage und Werte bleiben ohne Bild verfügbar |
Bei einem Bildlink oder Bildbutton beschreiben Sie Ziel oder Aktion, wenn sie sonst unklar wären. Ersetzen Sie diese Funktion nicht durch die Form des Symbols. Bei komplexen Diagrammen gehört der vollständige Datensatz nicht in ein einziges Attribut; stellen Sie Details im Seiteninhalt bereit.
Googles Bildrichtlinien empfehlen nützliche, kontextbezogene Alternativen und warnen vor Keyword-Stuffing. Beschreiben Sie die relevante Bedeutung natürlich. Eine Keywordliste ersetzt keine Erklärung, und ausgefüllte Attribute garantieren keine Bildrankings.
Korrigieren Sie die Quelle und prüfen Sie die veröffentlichte Seite
Ändern Sie das Feld oder die Komponente, die das betroffene Element erzeugt. Eine CMS-Medienbeschreibung hilft nicht, wenn die Vorlage sie nie ins Alt-Attribut schreibt. Wiederholt sich der Fehler in Karten oder Galerien, prüfen Sie gemeinsame Komponenten und einzelne Einträge. Ersetzen Sie nicht jede Beschreibung durch denselben globalen Standard.
Veröffentlichen Sie die Änderung und prüfen Sie dieselbe Seiten-URL erneut. Bestätigen Sie das Attribut im gelieferten HTML und lesen Sie anschließend Seite und umgebenden Text. Behalten Sie beabsichtigte leere Alternativen; prüfen Sie die richtige Bedeutung informativer und funktionaler Bilder. Ziel ist nutzbarer Inhalt, kein Bericht ausschließlich ausgefüllter Attribute.
Prüfen Sie wichtige, nicht erfasste Grafiken und JavaScript-Verhalten manuell. Eine umfassende Barrierefreiheitsprüfung geht über Attribute hinaus. Weitere Seitensignale untersucht der On-Page SEO Checker, die Überschriftenordnung der Heading Structure Analyzer. Keiner macht aus der Attributprüfung eine Zertifizierung.