Eine Webseite kann im Browser tadellos aussehen und beim Vorlesen trotzdem als unverständlicher Wortbrei ankommen. Wo das Auge Spalten, Schaltflächen und ein Menü erkennt, hört ein blinder Nutzer manchmal nur eine endlose Reihe gleich klingender Sätze. Der Unterschied liegt eine Ebene unter dem Design, in der Struktur der Seite.
Ein Screenreader liest, wie eine Seite aufgebaut ist, nicht das, was Du siehst. Eine sauber gegliederte Seite gibt der Software klare Anhaltspunkte, eine Seite aus lauter gleichen Kästchen nicht. Dieselbe Ordnung, die einem blinden Menschen Orientierung schenkt, versteht auch Google. Du arbeitest also für solides Web-Handwerk insgesamt, nicht für eine kleine Randgruppe.
Was ein Screenreader überhaupt ist
Ein Screenreader ist eine Software, die den Inhalt einer Seite in Sprache oder in eine Braillezeile umwandelt. Blinde und stark sehbehinderte Menschen nutzen ihn täglich, oft mit erstaunlichem Tempo. Auf dem iPhone heißt er VoiceOver, auf Windows-Rechnern sind NVDA und JAWS verbreitet.
Du brauchst keine teure Spezial-Ausstattung, um das selbst zu erleben. Auf dem Mac schaltest Du VoiceOver mit einem Tastenkürzel ein, am iPhone steckt er in den Bedienungshilfen. Schon fünf Minuten mit geschlossenen Augen auf der eigenen Startseite verändern den Blick darauf, was eine Webseite eigentlich leisten muss. Wie Du dafür einen Screenreader selbst startest und bedienst, erklärt der Beitrag Schritt für Schritt.
Wie ein blinder Nutzer eine Seite erlebt
Niemand hört sich eine ganze Seite von oben bis unten an. Genau wie Du eine Seite mit den Augen überfliegst, springt ein geübter Screenreader-Nutzer durch den Inhalt. Wie sich das anfühlt, schildert der Beitrag dazu, wie blinde Menschen das Web erleben. Er lässt sich eine Liste aller Überschriften vorlesen, hüpft von Bereich zu Bereich oder ruft alle Links auf einmal ab.
Dieses Springen funktioniert nur, wenn es Haltepunkte gibt. Eine Seite aus lauter gleichen Boxen bietet keine. Eine gut gegliederte Seite dagegen liest sich wie ein Buch mit Kapiteln, Inhaltsverzeichnis und Seitenzahlen, und durch ein Buch findet man schneller als durch einen einzigen langen Absatz.
Praktisch sollte das, was auf dem Bildschirm eine Schaltfläche ist, beim Vorlesen auch als Schaltfläche angekündigt werden. Was wie eine Überschrift aussieht, sollte als Überschrift gelten. Sehende erkennen Bedeutung an Größe und Position, die Software erkennt sie an der sauberen Struktur dahinter.
Woran Du erkennst, ob Deine Seite strukturiert ist
Du musst dafür keinen Quelltext lesen können. Drei sichtbare Merkmale verraten Dir schon viel über die Seite darunter. Welche Rolle der Seitentitel und eine durchdachte Überschriften-Folge für die Orientierung spielen, zeigt der Beitrag zu Seitentitel und Überschriften als Wegweiser für alle.
- Die Überschriften-Gliederung: Gibt es eine klare Reihenfolge von großer Hauptüberschrift zu kleineren Zwischenüberschriften, oder ist alles nur unterschiedlich fett formatiert?
- Echte Schaltflächen: Lässt sich jeder Button mit der Tastatur ansteuern und auslösen, oder ist es in Wahrheit nur ein angeklicktes Bild ohne erkennbare Funktion?
- Der Vorlese-Test: Klingt die Seite beim Anhören wie ein gegliedertes Dokument, oder wie eine zusammenhanglose Aneinanderreihung von Wörtern?
Die saubere Überschriften-Gliederung ist dabei das wichtigste Signal, weil Screenreader-Nutzer sich vor allem an Überschriften entlang bewegen. Wie eine schlüssige Reihenfolge aufgebaut ist, zeigt der Beitrag zur Hierarchie der Überschriften im Detail.
Der Vorlese-Test in fünf Minuten
Den ehrlichsten Eindruck bekommst Du, wenn Du den Bildschirm einfach ignorierst. Starte den Screenreader Deines Geräts, dreh den Monitor weg oder schließ die Augen und versuche, allein per Tastatur und Gehör zu Deinem Kontaktformular zu gelangen.
Achte dabei auf drei Dinge. Werden die Bereiche der Seite angekündigt, sodass Du das Menü überspringen und direkt zum Inhalt springen kannst? Sagt die Software bei Bildern etwas Sinnvolles, oder liest sie kryptische Dateinamen vor? Und kommst Du an jede Schaltfläche heran, ohne die Maus zu berühren?
Wenn Du selbst die Orientierung verlierst, geht es einem täglichen Nutzer genauso. Dieser Test ersetzt kein Fachgutachten, aber er deckt die gröbsten Hürden in wenigen Minuten auf, und er kostet nichts außer etwas Geduld.
Bilder, die eine Stimme bekommen
Ein Bild ohne hinterlegte Beschreibung ist beim Vorlesen eine Leerstelle. Im besten Fall überspringt die Software es, im schlechtesten liest sie den nackten Dateinamen vor. Eine gute Bildbeschreibung sagt knapp, was das Motiv für den Inhalt bedeutet, und wird so zur gesprochenen Stimme des Bildes.
Rein dekorative Bilder bleiben dagegen bewusst stumm, damit die Software sie überspringt und der Vorlese-Fluss nicht stockt. Worauf es bei guten Bildbeschreibungen ankommt, vertieft der Beitrag zu Alt-Texten in der Barrierefreiheit, und die Grundbegriffe rund um Bilder ordnen die wichtigsten Begriffe ein. Dieselbe Leerstelle entsteht bei einer eingebetteten Karte, die nur als stummes Kästchen vorgelesen wird, weshalb der Beitrag über barrierefreie Karten mit der Adresse als Text zeigt, wie Du die Anfahrt auch ohne Maus und Augenlicht zugänglich machst.
Was Du von Deiner Agentur forderst
Du musst die Technik nicht selbst beherrschen, aber Du darfst sie verlangen. Ein klarer Satz an Deine Agentur genügt: Die Seite muss sich vorlesen lassen wie ein gegliedertes Dokument, mit angekündigten Bereichen, sinnvoller Überschriften-Reihenfolge und Schaltflächen, die sich per Tastatur bedienen lassen.
Bitte zusätzlich um einen kurzen Vorlese-Nachweis, etwa eine Bildschirmaufnahme mit eingeschaltetem Screenreader. So siehst Du das Ergebnis, ohne in den Aufbau eintauchen zu müssen. Wann darüber hinaus zusätzliche Hilfsmittel nötig werden, klärt der Beitrag dazu, wann ergänzende Hinweise wirklich angebracht sind. Für eine normale Inhalts-Seite kommst Du mit sauberer Struktur und guten Bildbeschreibungen schon sehr weit.
Fazit
Eine gut strukturierte Seite ist die gemeinsame Sprache von Screenreader und Suchmaschine. Wer ihre Bereiche klar benennt, die Überschriften ordnet, Tabellen sauber strukturiert und den Bildern eine Stimme gibt, baut eine Seite, die sich vorlesen und finden lässt, ohne dafür ein eigenes Großprojekt aufzusetzen.
Probier den Vorlese-Test einmal an Deiner eigenen Startseite aus, dann hörst Du in fünf Minuten, wo es hakt. Den größeren Rahmen liefern die Grundlagen der Barrierefreiheit, und weil dieselbe Ordnung direkt auf Dein Ranking einzahlt, lohnt der Blick darauf, was Suchmaschinen-Optimierung wirklich bedeutet.