Überschriften- und Alt-Text-Prüfung
Überschriftenhierarchie und Alt-Texte der Bilder auf einer Seite prüfen, ohne Anmeldung.
Tool
Dieses Werkzeug lädt die eingegebene Adresse einmal über unseren Server, liest alle Überschriften von h1 bis h6 in Dokumentreihenfolge aus und zeigt sie als eingerückte Gliederung; jedes img-Tag wird mit Alt-Text, den Attributen width und height, der Markierung loading="lazy", der Zugehörigkeit zu einem picture-Element und dem Vorhandensein eines srcset aufgeführt. Oben stehen die Anzahl der Überschriften, der h1, der Bilder, der Bilder ohne alt-Attribut und der Wörter im sichtbaren Text; darunter folgen die Befunde mit dem jeweils empfohlenen Schritt. Die Bildtabelle lässt sich als CSV kopieren.
Die Überschriftenhierarchie ist für drei Leser wichtig: Wer die Seite überfliegt, erkennt Abschnitte an den Überschriften; wer einen Screenreader nutzt, springt über die Überschriftenliste durch die Seite; und eine Suchmaschine liest den Aufbau des Inhalts aus derselben Struktur. Das Werkzeug markiert eine fehlende h1, mehrere h1, Ebenensprünge (etwa h4 direkt nach h2), leere und doppelte Überschriften, Überschriften mit mehr als 70 Zeichen und eine erste Überschrift, die keine h1 ist, jeweils einzeln. Eine einzige h1 ist keine Pflicht, aber die übliche und sichere Wahl; der HTML-Standard erlaubt mehrere, doch eine Hauptüberschrift ist für Screenreader und Suchmaschinen klarer. Der Alt-Text sagt Besuchern, die das Bild nicht sehen können, was es vermittelt, und hilft der Bildersuche, den Inhalt zu verstehen; das Werkzeug stuft Bilder ohne jedes alt-Attribut als fehlend ein, leere Alt-Texte als dekorativ und Alt-Texte mit mehr als 125 Zeichen oder gleich dem Dateinamen als prüfenswert.
Das Werkzeug liest nur das HTML, das Ihr Server liefert; im Browser per JavaScript eingefügte Überschriften und Bilder, CSS-Hintergrundbilder und per Skript geladene Galerien bleiben unsichtbar. Ob die Bilder tatsächlich laden, wie groß die Dateien sind und wie sie komprimiert wurden, wird nicht geprüft; ob ein Alt-Text wirklich zum Bild passt, kann nur ein Mensch beurteilen. Das Ergebnis wird für dieselbe Adresse 10 Minuten im Serverspeicher gehalten und dann gelöscht; außer der eingegebenen Adresse wird nichts gelesen.
Häufige Fragen
Ist mehr als eine h1 ein Fehler?
Nein, der HTML-Standard erlaubt mehrere h1, und laut Google ist das allein kein Rankingproblem. Eine einzige h1 macht das Hauptthema für Screenreader-Nutzer und Suchmaschinen trotzdem klarer; deshalb ist eine h1 die übliche und sichere Wahl.
Brauchen dekorative Bilder einen Alt-Text?
Geben Sie dekorativen Bildern ein leeres alt (alt=""), dann überspringt der Screenreader sie. Entfernen Sie das Attribut nicht ganz, sonst lesen manche Screenreader den Dateinamen vor. Informativen Bildern geben Sie einen kurzen Satz, der sagt, was das Bild zeigt.
Sieht das Werkzeug per JavaScript erzeugte Überschriften und Bilder?
Nein, es wird nur das erste HTML vom Server gelesen. Bei Seiten, die ihren Inhalt im Browser per Skript aufbauen, können Gliederung und Bildliste unvollständig sein; vergleichen Sie das Ergebnis mit der Ausgabe von «Seitenquelltext anzeigen» im Browser.
Warum fragt es nach width und height?
Der Browser berechnet aus den beiden Werten das Seitenverhältnis und reserviert vor dem Laden Platz, sodass der Inhalt beim Laden nicht nach unten springt. Per CSS bleibt das Bild weiterhin flexibel; die Attribute geben nur das Verhältnis an.
