Alt-Text prüfen
Liste die Bilder einer Seite mit ihrem Alt-Text auf und markiere, was fehlt, leer oder doppelt ist, damit die Bilder mit Bedeutung auch beschrieben sind.
Browser-Tool
Seiten-HTML
Füge Seiten-HTML ein oder lade eine Datei hoch. Alles wird auf deinem Gerät geprüft; es wird keine Website aufgerufen.
Wird nur verwendet, um vollständige Bild-URLs anzuzeigen.
Ein fehlendes alt ist ein Barrierefreiheitsfehler; ein leeres alt="" kennzeichnet bewusst ein dekoratives Bild und ist richtig für Trennlinien und Logos, die ihr Linktext bereits benennt.
Über Alt-Texte prüfen
Der Alternativtext ist das, was ein Screenreader vorliest und was eine Suchmaschine als Inhalt eines Bildes liest. Ein fehlendes alt ist ein Barrierefreiheitsfehler; ein falsches alt ist wohl schlimmer, weil es selbstbewusst das Falsche beschreibt. Kostenlos, ohne Login und in dem Browser, den du ohnehin geöffnet hast. Dein Markup wird dort untersucht, wo du es eingefügt hast.
So nutzt du Alt-Texte prüfen
- Seite oder Markup bereitstellenJedes Bildelement wird mit dem alt-Attribut gefunden, das es deklariert.
- Die drei Kategorien lesenGanz fehlend, vorhanden aber leer, und vorhanden mit Text. Jede bedeutet etwas anderes, und nur eine davon ist eindeutig ein Problem.
- Die Bilder mit Bedeutung korrigierenEin Bild, das eine Information vermittelt, braucht eine Beschreibung; ein dekoratives braucht ein leeres alt, damit es übersprungen wird.
Ein leeres alt ist eine Entscheidung, kein Versäumnis
alt="" sagt assistiven Technologien, dass sie ein Bild überspringen sollen, und das ist genau richtig für einen dekorativen Schnörkel oder einen Abstandhalter. Fehlt das Attribut ganz, sagt es ihnen nichts, und manche Screenreader lesen dann den Dateinamen vor — eine Nutzerin hört also „underscore hero underscore banner two final dot jpg“. Leer und fehlend sehen in einem Bericht ähnlich aus und sind in der Praxis Gegensätze.
Was ein guter Alt-Text sagt
Was das Bild in diesem Zusammenhang vermittelt, nicht was wörtlich darauf zu sehen ist. Dasselbe Foto einer Person am Laptop kann in einem Artikel „Priya prüft die Quartalszahlen“ sein und in einem Marketingbanner dekorativ. Beginne nicht mit „Bild von“ — das hat die Technik bereits angesagt.
Was das Tool nicht kann
- Kein Tool kann erkennen, ob ein Alt-Text zutrifft. Es kann nur Vorhandensein, Länge und offensichtliche Muster melden, etwa einen Dateinamen als Beschreibung.
- Ein Bild, das als CSS-Hintergrund gesetzt ist, taucht im Markup gar nicht auf und ist hier deshalb unsichtbar — schon das ist ein guter Grund, so etwas nicht für Inhalte mit Bedeutung zu verwenden.
Alt-Texte prüfen: häufige Fragen
- Braucht jedes Bild einen Alt-Text?
- Jedes Bild braucht das Attribut; nicht jedes Bild braucht Worte darin. Informative Bilder bekommen eine Beschreibung, dekorative bekommen alt="", damit sie übersprungen werden. Ein fehlendes Attribut ist der Fall, der immer falsch ist.
- Wie lang sollte ein Alt-Text sein?
- Lang genug, um zu vermitteln, was das Bild leistet, und nicht länger — meist ein kurzer Satz. Braucht er wirklich einen Absatz, gehört die Information wahrscheinlich in den Seitentext, wo alle sie lesen können.
- Wie prüfe ich Alt-Texte ohne Browser-Erweiterung?
- Füge das HTML der Seite ein oder lade die Datei hoch, und jedes Bild wird mit seinem Alt-Text aufgelistet, markiert als beschrieben, dekorativ (leeres alt) oder fehlend. Trag bei Basis-URL die Adresse der Seite ein, um relative Bildpfade aufzulösen.
Fragen zu ToolsVerse selbst – Datenschutz, Kosten, was mit deinen Dateien passiert – beantworten die häufig gestellten Fragen.
Ähnliche Tools
Die Tools, die man zusammen mit Alt-Texte prüfen am häufigsten braucht.
Du findest das passende Tool nicht?
Sag uns, was du suchst, und wir prüfen, ob wir es hinzufügen.