Bild-Alt-Text-Prüfer

Prüfen Sie Alt-Attribute einer Seite. Finden Sie fehlende, leere und vorhandene Texte mit Quellzeilen und klaren Grenzen.

Alternative Bildtexte prüfen

Alternativtext erklärt ein Bild, wenn es nicht gesehen werden kann. Dieser Prüfer liest img-Elemente und Bild-Eingabefelder aus dem abgerufenen HTML einer Seite und unterscheidet fehlende Attribute, leere Werte und vorhandene Texte. Geben Sie die Seiten-URL ein, keine Bilddatei-URL.

Befunde richtig einordnen

Nutzen Sie Filter und Quellzeilen, um die Angaben zu finden. Ein fehlendes Attribut erfordert Aufmerksamkeit. Ein leeres alt="" kann bei einem dekorativen Bild beabsichtigt sein; prüfen Sie vor der Änderung seinen Zweck. Auch vorhandener Text braucht menschliche Prüfung: Beschreiben Sie die Rolle des Bildes im Kontext statt eines Dateinamens oder überflüssiger Keywords. Bei verlinkten Bildern muss das Ziel oder die Aktion verständlich sein.

Korrigieren und erneut prüfen

Aktualisieren Sie die Bildkomponente oder das CMS-Feld und prüfen Sie die veröffentlichte Seite erneut. Der Bericht behält höchstens 1.000 Bildzeilen und kürzt gegebenenfalls lange Angaben. Er rendert kein JavaScript, untersucht keine Bildpixel und zertifiziert keine Barrierefreiheit. Weitere Seitensignale finden Sie im On-Page SEO Checker.

Den Bildzweck beschreiben

Ein Produktfoto kann eine kurze Beschreibung charakteristischer Merkmale benötigen, etwa Farbe und Fächer eines Rucksacks. Ein rein dekorativer Trenner kann alt="" verwenden. Ist ein Logo der einzige Inhalt eines Startseitenlinks, beschreiben Sie das Ziel, etwa „Example Startseite“, statt seiner Form. Diese Beispiele sind kontextabhängig und nicht für jedes Bild zu kopieren.

Ein Diagramm benötigt häufig mehr als einen kurzen Alternativtext. Erklären Sie die Kernaussage und stellen Sie wichtige Werte im benachbarten Text oder einer Tabelle bereit. Packen Sie nicht den gesamten Datensatz in ein Attribut. Steht dieselbe Information bereits daneben, prüfen Sie Nutzen und Wiederholung.

Den Bericht als Bearbeitungsliste nutzen

Filtern Sie zuerst fehlende Attribute und prüfen Sie danach leere Werte und vorhandene Texte im Kontext. „Vorhanden“ bedeutet nur, dass Text eingetragen ist, nicht dass er richtig ist. Prüfen Sie neben CMS-Einträgen auch wiederverwendete Bildkomponenten, damit sich derselbe Fehler nicht wiederholt.

Veröffentlichen Sie Änderungen und prüfen Sie die betreffende Seite erneut. Der Bericht beurteilt weder CSS-Hintergrundbilder noch jedes grafische Element und erzeugt keine Beschreibungen aus Pixeln. Prüfen Sie wichtige Grafiken außerhalb der Liste manuell. Barrierefreiheit erfordert zutreffende Zweckbeschreibungen, nicht lediglich mehr ausgefüllte Attribute.

Häufig gestellte Fragen

Prüfen Sie Alt-Attribute einer Seite. Finden Sie fehlende, leere und vorhandene Texte mit Quellzeilen und klaren Grenzen.

Welche URL soll ich eingeben?

Eine öffentliche HTTP- oder HTTPS-Seiten-URL. Die Quelle muss HTML liefern; eine einzelne Bilddatei wird nicht akzeptiert.

Ist ein leeres Alt-Attribut ein Fehler?

Nicht automatisch. Dekorative Bilder benötigen häufig ein leeres Attribut; bedeutungsvolle oder funktionale Bilder brauchen kontextbezogenen Text.

Was unterscheidet ein fehlendes von einem leeren alt-Attribut?

Fehlend bedeutet, dass kein alt-Attribut gefunden wurde. Leer bedeutet alt="", was bei dekorativen Bildern richtig sein kann. Prüfen Sie den Zweck des Bildes.

Werden alle sichtbaren Bilder geprüft?

Nein. Geprüft wird abgerufenes HTML ohne JavaScript-Ausführung; bis zu 1.000 unterstützte Bildelemente werden beibehalten. Teilweise Abdeckung wird ausgewiesen.

Wie schreibe ich hilfreichen Alternativtext?

Beschreiben Sie die relevante Bedeutung des Bildes im Kontext. Bei verlinkten Bildern oder Schaltflächen beschreiben Sie Ziel oder Aktion. Vermeiden Sie Keyword-Stuffing.