{"id":15631,"date":"2026-11-03T13:15:00","date_gmt":"2026-11-03T12:15:00","guid":{"rendered":"https:\/\/www.lukaswojcik.com\/blog\/?p=15631"},"modified":"2026-10-26T13:44:47","modified_gmt":"2026-10-26T12:44:47","slug":"struktur-statt-lesbarkeitsindex-was-sich-ohne-rendern-messen-lasst","status":"publish","type":"post","link":"https:\/\/www.lukaswojcik.com\/blog\/de\/web-entwicklung\/tutorials-de-web-entwicklung\/struktur-statt-lesbarkeitsindex-was-sich-ohne-rendern-messen-lasst\/","title":{"rendered":"Struktur statt Lesbarkeitsindex: Was sich ohne Rendern messen l\u00e4sst"},"content":{"rendered":"

Eine einzelne Lesbarkeitszahl beantwortet nicht, ob ein Text verst\u00e4ndlich, richtig oder hilfreich ist. Satzl\u00e4ngen k\u00f6nnen auf schwierige Stellen hinweisen; Fachbegriffe, Beispiele, Vorwissen und Argumentation ben\u00f6tigen eine redaktionelle Pr\u00fcfung. Auch eine formal saubere HTML-Struktur ersetzt diese Pr\u00fcfung nicht.<\/p>\n

Auch ohne den Aufbau und die Darstellung der Seite im Browser, das sogenannte Rendern, lassen sich n\u00fctzliche Hinweise gewinnen: vorhandene \u00dcberschriftentags, ausgew\u00e4hlte Absatztexte und die Gr\u00f6\u00dfe des empfangenen HTML. Entscheidend ist, welchen Ausschnitt ein Werkzeug tats\u00e4chlich untersucht.<\/p>\n

\"Ausgew\u00e4hlter
Ausgew\u00e4hlter Quelltext, zug\u00e4ngliche Struktur und Verst\u00e4ndlichkeit ben\u00f6tigen verschiedene Pr\u00fcfungen.<\/figcaption><\/figure>\n

Server-HTML ist keine Screenreader-Ansicht<\/h2>\n

Ein einfacher HTTP-Abruf enth\u00e4lt keine nachtr\u00e4glichen JavaScript-\u00c4nderungen. Ein Screenreader arbeitet dagegen gew\u00f6hnlich mit den vom Browser bereitgestellten Zug\u00e4nglichkeitsinformationen, die aus dem DOM abgeleitet werden, also der aktuellen Struktur der Seitenelemente im Browser. Dynamisch erzeugte \u00dcberschriften k\u00f6nnen dort vorhanden sein. Ob Inhalte rechtzeitig, sinnvoll benannt und bedienbar ankommen, muss im Browser und mit assistiver Technik gepr\u00fcft werden.<\/p>\n

Auch Crawler unterscheiden sich: Google kann JavaScript rendern, allerdings mit Grenzen und einem getrennten Verarbeitungsschritt. Ein einzelner Abruf ohne JavaScript beschreibt deshalb weder alle Suchmaschinen noch alle Vorschaugeneratoren. Serverseitig vorhandener Kerninhalt verbessert die Nutzbarkeit f\u00fcr Clients ohne Skriptausf\u00fchrung, ist aber kein Ersatz f\u00fcr einen tats\u00e4chlichen Test.<\/p>\n

Was der verlinkte Pr\u00fcfer z\u00e4hlt<\/h2>\n

Der Seitenstruktur- und Lesbarkeitspr\u00fcfer<\/a> verwendet im gepr\u00fcften Stand vom 25. Oktober 2026 zun\u00e4chst einen ausgew\u00e4hlten Hauptbereich: beispielsweise das erste main<\/code> oder, falls nicht vorhanden, das erste article<\/code>. Erst ohne passende Auswahl folgt ein bereinigter body<\/code>. \u00dcberschriften au\u00dferhalb dieses Bereichs k\u00f6nnen fehlen, obwohl das vollst\u00e4ndige Dokument solche Elemente enth\u00e4lt.<\/p>\n

W\u00f6rter und S\u00e4tze werden ausschlie\u00dflich aus geeigneten p<\/code>-Abs\u00e4tzen nach Entfernung von Code gewonnen. Text in Listen, Tabellenzellen oder \u00dcberschriften au\u00dferhalb solcher Abs\u00e4tze liefert daf\u00fcr keine W\u00f6rter. Ein einfacher Test mit einer \u00dcberschrift und einer sichtbaren Liste ergibt daher null gez\u00e4hlte W\u00f6rter. Das beweist weder eine leere Seite noch eine ausschlie\u00dflich clientseitig erzeugte Anwendung.<\/p>\n

Der Pr\u00fcfer f\u00fchrt keine CSS-Sichtbarkeitsanalyse aus. Verborgene Absatztexte k\u00f6nnen mitgez\u00e4hlt werden; noscript<\/code>-Inhalt wird dagegen entfernt. Bei gekapptem HTML ist auch die Quelltextgrundlage unvollst\u00e4ndig. Diese Auswahlregeln geh\u00f6ren zu jeder Interpretation der Zahlen.<\/p>\n

\u00dcberschriften sinnvoll einordnen<\/h2>\n

Eine beschreibende Haupt\u00fcberschrift und nachvollziehbare Unterebenen erleichtern die Orientierung. Ein \u00dcbergang von h1<\/code> direkt zu h3<\/code> ist Anlass, die Hierarchie zu pr\u00fcfen. Die R\u00fcckkehr von h3<\/code> zu h2<\/code> kann dagegen einen neuen gleichgeordneten Abschnitt beginnen.<\/p>\n

Eine fehlende h1<\/code> zerst\u00f6rt nicht automatisch jede \u00dcberschriftennavigation. Auch h2<\/code> und andere \u00dcberschriften bleiben navigierbar. Seitentitel, benannte Bereiche und zug\u00e4ngliche Namen sind weitere Orientierungshilfen. Die Zahl der \u00dcberschriften allein beweist weder missbr\u00e4uchliches Layout noch schlechte Verst\u00e4ndlichkeit.<\/p>\n

Der Pr\u00fcfer gibt h\u00f6chstens 80 \u00dcberschriften aus, wertet intern aber auch weitere erkannte \u00dcberschriften aus. Im isolierten Test wurden 91 \u00dcberschriften erkannt und 80 ausgegeben. Eine Liste mit 80 Eintr\u00e4gen ist somit keine vollst\u00e4ndige Bestandszahl. Leerer Textinhalt eines Elements ben\u00f6tigt ebenfalls eine Pr\u00fcfung des zug\u00e4nglichen Namens, bevor daraus ein unbenannter Abschnitt folgt.<\/p>\n

Textkennzahl ist keine Transferquote<\/h2>\n

Die Kennzahl stellt Zeichen aus ausgew\u00e4hlten Abs\u00e4tzen den Bytes des vorliegenden HTML gegen\u00fcber. Das sind unterschiedliche Einheiten und unterschiedliche Ausschnitte. Das Ergebnis ist weder der tats\u00e4chliche Anteil sichtbaren Textes noch die gesamte Netzwerk\u00fcbertragung. Komprimierung, Zeichencodierung und separat geladene Ressourcen beeinflussen andere Gr\u00f6\u00dfen.<\/p>\n

Bei null gez\u00e4hlten Textzeichen ist ein Verh\u00e4ltnis \u201eBytes je Textzeichen\u201c nicht definiert. Ein hoher Wert kann an Skripten, eingebetteten Daten oder schlicht an ausgeschlossenen Textbereichen liegen. Vergleiche sind nur bei gleichen Auswahlregeln und vergleichbaren Seitentypen aussagekr\u00e4ftig.<\/p>\n

Satzl\u00e4ngen als Hinweis, nicht als Urteil<\/h2>\n

Punkte k\u00f6nnen Abk\u00fcrzungen, Zahlen oder Satzenden markieren. Die vorhandenen Regeln erkennen einige bekannte Abk\u00fcrzungs- und Zahlenmuster, aber nicht jede Satzgrenze zuverl\u00e4ssig. Im Test blieb \u201eDer Wert lag bei 12. Danach folgte Text.\u201c ein einziger gez\u00e4hlter Satz. Eine allgemeine Zusage, solche Fehler seien selten, w\u00e4re ohne gepr\u00fcften Textbestand unbelegt.<\/p>\n

Lange Fundstellen sollten deshalb im Original gelesen werden: Ist der Gedankengang unn\u00f6tig verschachtelt? Fehlt ein Beispiel? Ist ein Begriff unklar? Eine verst\u00e4ndliche l\u00e4ngere Erkl\u00e4rung kann besser sein als mehrere kurze S\u00e4tze ohne Zusammenhang.<\/p>\n

\n

Fragen und Antworten<\/h2>\n

Ist ein leeres alt-Attribut immer falsch?<\/h3>\n

Nein. F\u00fcr rein dekorative Bilder kann alt=\"\"<\/code> richtig sein. Der Pr\u00fcfer unterscheidet fehlende Attribute von vorhandenen leeren Werten, beurteilt aber nicht die inhaltliche Angemessenheit. Bei informativen Bildern ist eine passende Textalternative erforderlich.<\/p>\n

L\u00e4sst sich eine \u00dcberschriftenstruktur mit grep und sort pr\u00fcfen?<\/h3>\n

Das Z\u00e4hlen sortierter Starttags verliert Reihenfolge und \u00dcberschriftentexte. Daraus entsteht kein \u00dcberschriftenbaum. F\u00fcr eine Strukturpr\u00fcfung sind die geordneten Elemente samt Ebenen und Namen erforderlich, anschlie\u00dfend die Pr\u00fcfung im gerenderten Dokument.<\/p>\n

Was verbessert die Artikelqualit\u00e4t tats\u00e4chlich?<\/h3>\n

Klare Begriffe, passende Beispiele, nachvollziehbare Reihenfolge und korrekte Inhalte. Technische Kennzahlen helfen beim Finden von Pr\u00fcfkandidaten; die Verst\u00e4ndlichkeit entscheidet sich am konkreten Text und am vorgesehenen Publikum.<\/p>\n<\/div>\n

\n

Quellen<\/h2>\n