Deine Webseite kann im Browser tadellos aussehen und sich beim Hören trotzdem wie ein Labyrinth anfühlen. Was für das Auge eine klare Anordnung aus Menü, Spalten und Schaltflächen ist, kommt am Ohr manchmal als endloser Strom gleich klingender Sätze an.
Rund zwei Prozent der Menschen in Deutschland leben mit einer starken Seheinschränkung. Viele von ihnen surfen täglich, schreiben Mails, kaufen ein und füllen Formulare aus, nur eben ohne Bildschirm. Wer einmal nachvollzieht, wie sich das anfühlt, versteht Barrierefreiheit von der menschlichen Seite her und nicht als Pflichtübung.
Ohren statt Augen
Ein blinder Mensch bedient das Web über einen Screenreader, eine Software, die den Inhalt der Seite vorliest oder auf eine Braillezeile ausgibt. Auf dem iPhone heißt sie VoiceOver, auf Windows sind NVDA und JAWS verbreitet. Diese Programme sind seit Jahren ausgereift und gehören bei vielen Nutzern fest zum Alltag.
Wer den ganzen Tag mit Sprachausgabe arbeitet, stellt das Tempo erstaunlich hoch. Geübte Nutzer hören Texte in einer Geschwindigkeit, bei der Sehende kaum noch einzelne Wörter erkennen. Du hast es also mit routinierten Profis zu tun, die einfach einen anderen Sinn benutzen.
Eine Seite hören statt sehen
Mit den Augen erfasst Du eine Seite in einem Sekundenbruchteil. Du siehst oben das Logo, rechts den Warenkorb, in der Mitte den Text, und Dein Blick springt sofort dorthin, wo es interessant wird. Das Ohr bekommt diesen Überblick nie geschenkt, weil Sprache immer nacheinander kommt, ein Wort nach dem anderen.
Eine Seite zu hören heißt deshalb, sich Stück für Stück durch sie hindurchzuarbeiten. Niemand lässt sich die komplette Seite von oben bis unten vorlesen, das wäre so mühsam wie ein Buch ohne Inhaltsverzeichnis. Stattdessen wird gesprungen, überflogen und gezielt gesucht. Genau dieses Springen entscheidet, ob Deine Seite angenehm oder zermürbend ist.
Mit der Tastatur durch die Seite
Wer nichts sieht, kann keinen Mauszeiger ansteuern. Die Bedienung läuft komplett über die Tastatur. Vor allem die Tab-Taste springt von einem bedienbaren Element zum nächsten, zum nächsten Link, zur nächsten Schaltfläche, ins nächste Eingabefeld. Mit Enter wird ausgelöst, mit Escape geschlossen.
Damit erlebt ein blinder Mensch Deine Seite in genau der Reihenfolge, in der die Elemente technisch hinterlegt sind. Stimmt diese Spur mit dem überein, was optisch sinnvoll wäre, fühlt sich die Bedienung flüssig an. Springt der Fokus dagegen wild umher oder bleibt irgendwo hängen, ist der Nutzer ausgesperrt, obwohl die Seite für das Auge funktioniert. Wie sich das technisch sauber lösen lässt, zeigt der Beitrag zur Bedienung allein über die Tastatur.
Eine Karte im Kopf bauen
Damit das Springen klappt, braucht ein blinder Nutzer Haltepunkte. Sein wichtigstes Werkzeug ist die Überschrift. Der Screenreader liest auf Wunsch nur die Überschriften vor, so wie Du beim Überfliegen einer Seite an den fetten Zeilen hängenbleibst. Aus dieser Liste baut der Nutzer sich eine Karte der Seite im Kopf.
Eine gut gegliederte Seite liest sich dann wie ein Buch mit Kapiteln. Der Nutzer hört die Überschriften, erkennt die Struktur und springt direkt zum Abschnitt, der ihn interessiert. Fehlen diese Überschriften oder sind sie nur optisch fett gemacht, ohne echte Gliederung dahinter, bleibt nur das mühsame Durchhören von Anfang an. Welche saubere Struktur dahintersteckt, erklärt der Beitrag dazu, wie ein Screenreader eine Seite vorliest.
Wenn die Linkliste nichts verrät
Ein zweites beliebtes Werkzeug ist die Liste aller Links. Der Screenreader sammelt jeden Link der Seite und liest ihn am Stück vor, damit der Nutzer schnell zum richtigen Ziel kommt. Diese Liste lebt davon, dass jeder Link für sich verständlich ist.
Steht auf jedem zweiten Link nur "hier klicken" oder "mehr erfahren", hört der Nutzer eine sinnlose Reihe gleicher Floskeln. Welcher Link wohin führt, bleibt offen. Ein sprechender Linktext wie "Preise ansehen" oder "Kontakt aufnehmen" dagegen trägt seine Bedeutung in sich. Dasselbe gilt für Bilder, denn ein Foto ohne hinterlegte Beschreibung verschwindet im Hör-Strom oder wird als nacktes "Bild" angekündigt. Warum ein guter Alt-Text hier den Unterschied macht, ist ein Thema für sich.
Ein Formular, das mitspricht
Nirgends wird das Erleben so konkret wie bei einem Kontaktformular. Für das Auge ist klar, dass das Feld über der Zeile zum Eingabefeld darunter gehört. Das Ohr hört diese räumliche Nähe nicht. Es braucht eine feste Verbindung zwischen Beschriftung und Feld, sonst landet der Nutzer in einem leeren Kästchen, ohne zu wissen, was hineingehört.
Richtig gut wird es, wenn das Formular auch dann mitspricht, wenn etwas schiefgeht. Eine vergessene Pflichtangabe sollte vorgelesen werden und sagen, welches Feld fehlt. Bleibt der Fehler stumm und nur rot eingefärbt, sitzt ein blinder Nutzer vor einem Formular, das sich nicht absenden lässt. Den Grund erfährt er nie. So entsteht aus einem kleinen Mangel ein verlorener Auftrag.
Woran sich gute und schlechte Seiten zeigen
Eine gute Seite verrät sich am Ohr durch Ruhe. Überschriften kündigen Abschnitte an, Schaltflächen werden als Schaltflächen angesagt, Links tragen sprechende Namen, und der Fokus wandert in einer logischen Spur. Der Nutzer kommt zügig ans Ziel und behält das Gefühl, die Seite im Griff zu haben.
Eine schlechte Seite dagegen erzeugt Reibung an jeder Ecke. Der Screenreader liest endlose Reihen ohne Haltepunkte, kündigt Knöpfe als bloßen Text an oder springt mit dem Fokus an unerwartete Stellen. Jeder dieser Stolperer kostet Zeit und Geduld. Irgendwann gibt der Nutzer auf und geht zur nächsten Seite, die seinen Besuch leichter macht.
Selbst hören in fünf Minuten
Du musst das nicht glauben, Du kannst es hören. Auf dem Mac schaltest Du VoiceOver mit einem Tastenkürzel ein, am iPhone steckt die Vorlese-Funktion in den Bedienungshilfen. Schließ danach die Augen und versuch, allein mit der Sprachausgabe Deine eigene Startseite zu bedienen.
Schon nach wenigen Minuten merkst Du, wo Deine Seite hakt und wo sie trägt. Diese fünf Minuten verändern den Blick auf das eigene Projekt mehr als jede Checkliste. Sie machen aus einer abstrakten Pflicht einen Menschen, der Deine Seite tatsächlich benutzen will. Den größeren Rahmen dazu steckt der Beitrag zu den Grundlagen der Barrierefreiheit ab.
Fazit
Ein blinder Mensch erlebt Deine Webseite einfach anders, über Ohr und Tastatur statt über das Auge. Damit dieses Erleben gelingt, braucht er Überschriften zum Springen, sprechende Links und Formulare, die sich melden.
Das alles ist gutes Web-Handwerk, von dem am Ende jeder Besucher profitiert. Wenn Du das nächste Mal vor Deiner Startseite sitzt, dann schließ kurz die Augen und hör hin. Dieser eine Moment sagt Dir mehr über Deine Seite als jeder Bericht.