Schrift zu klein, Augen müde, also Strg und Plus gedrückt, bis die Buchstaben endlich passen. Für viele Menschen ist das ein täglicher Handgriff, kein Sonderfall. Die Frage ist nur, was Deine Webseite in diesem Moment tut.
Eine gut gebaute Seite wächst einfach mit. Der Text wird größer, das Layout ordnet sich neu, und alles bleibt lesbar. Eine schlecht gebaute Seite bricht: Wörter werden abgeschnitten, Spalten schieben sich übereinander, ein Button rutscht aus dem Bild. Woran das liegt und wie Du es bei Dir prüfst, schauen wir uns gleich an.
Wer die Schrift vergrößert und warum
Die offensichtliche Gruppe sind Menschen mit Sehschwäche. Womit sie im Alltag sonst noch ringen, beschreibt der Beitrag zur Web-Nutzung mit Sehbehinderung. Sie stellen die Schrift dauerhaft größer, im Browser oder gleich im Betriebssystem, damit sie ohne Anstrengung lesen können. Für sie ist eine vergrößerbare Seite die Bedingung, um überhaupt mitzulesen.
Daneben steht eine viel größere Gruppe, die nur situativ vergrößert. Die Person mit dem kleinen Laptop in der Bahn gehört dazu. Der Leser jenseits der vierzig, dem das Kleingedruckte zunehmend ausweicht. Wer am hellen Fenster sitzt und gegen das Sonnenlicht anliest. Sie alle drehen die Schrift gelegentlich hoch.
Deshalb betrifft Textgröße fast jeden irgendwann. Eine Seite, die beim Vergrößern hält, fühlt sich für alle solider an. Das ist dieselbe Logik, die hinter ausreichendem Farbkontrast steht: Lesbarkeit nützt allen, nicht bloß einer kleinen Gruppe.
Was auf einer schlechten Seite passiert
Beim Vergrößern zeigt sich sofort, wie solide eine Seite gebaut ist. Auf einer schwachen Seite kippt das Layout, sobald die Schrift wächst. Typische Bilder: Ein Satz schiebt sich über den nächsten, sodass beide unleserlich werden. Eine Überschrift läuft aus ihrem Kasten heraus, der Rest verschwindet hinter dem Rand.
Besonders ärgerlich wird es bei der Bedienung. Ein Menü, das beim Zoomen verrutscht oder unter ein anderes Element wandert, lässt sich nicht mehr anklicken. Ein Button, der aus dem sichtbaren Bereich geschoben wird, ist für den Nutzer einfach weg. Die Information steht noch da, nur erreicht sie keiner mehr.
Das dritte Warnzeichen ist seitliches Scrollen. Wenn Du nach dem Vergrößern hin und her wischen musst, um eine Zeile zu Ende zu lesen, ist etwas auf eine feste Breite festgenagelt. Auf einer guten Seite gibt es das nie: Der Inhalt bricht sauber um und passt immer in die Bildschirmbreite.
Die Seite bei 200 Prozent Zoom
Die WCAG, das internationale Regelwerk für barrierefreie Webseiten, machen hier eine klare Ansage. Text muss sich bis auf 200 Prozent vergrößern lassen, ohne dass Inhalt oder Funktion verloren gehen. Das ist der Standard auf Stufe AA, also genau die Stufe, auf die sich die Gesetze in Europa beziehen.
„Ohne Inhaltsverlust" ist der entscheidende Teil. Es genügt nicht, dass die Schrift größer wird. Es darf auch nichts kaputtgehen: kein Text, der hinter einem Rand verschwindet, keine zwei Sätze, die sich überlappen, kein Menü, das plötzlich unerreichbar wird.
Genau das passiert aber bei vielen Seiten. Der Grund liegt fast immer im Fundament, in der Art, wie eine Seite von Anfang an gebaut wurde. Diesen Unterschied musst Du nicht selbst programmieren, aber Du solltest ihn erkennen und einfordern können.
Mitwachsen statt überschreiben
Eine gut gebaute Seite respektiert die Wunsch-Schriftgröße ihrer Besucher. Stellt jemand im Browser oder im Betriebssystem eine größere Standard-Schrift ein, übernimmt die Seite das und wächst entsprechend mit. Die Einstellung des Nutzers gewinnt.
Eine schwach gebaute Seite ignoriert diesen Wunsch. Sie schreibt jede Größe starr fest und überschreibt damit, was der Besucher eingestellt hat. So bleibt die Schrift klein, egal wie groß man sie sich wünscht. Für Menschen, die auf große Schrift angewiesen sind, ist diese Seite damit praktisch ausgesperrt.
Den Unterschied erkennst Du mit einem einzigen Handgriff, den ich Dir gleich zeige. Wichtig ist nur das Prinzip: Eine professionell gebaute Seite passt sich der Einstellung an, statt sie zu übergehen. Das ist Grundhandwerk.
Selbst testen in zwei Minuten
Das Schöne an diesem Thema: Du brauchst kein Werkzeug, um es zu prüfen. Der Browser bringt alles mit. Drück am Mac die Befehlstaste und Plus, sonst Strg und Plus, und zoom die Seite schrittweise hoch.
Achte beim Hochzoomen auf drei Dinge: Bleibt jeder Text vollständig sichtbar, oder verschwindet etwas hinter einem Rand? Überlappt nichts? Bleiben Menü und Buttons erreichbar? Bei 200 Prozent sollte alles sitzen, und Du solltest nie seitwärts scrollen müssen, um eine Zeile zu Ende zu lesen.
Den zweiten Test machst Du in den Browser-Einstellungen: Setz dort die Standard-Schriftgröße auf einen größeren Wert und ruf Deine Seite neu auf. Wächst der Text mit, ist die Seite sauber gebaut. Bleibt er gleich, ignoriert sie die Einstellung. Diesen manuellen Blick ergänzt Du bei Bedarf, indem Du den Rest mit den passenden Werkzeugen prüfst.
Was Du von Deiner Agentur verlangst
Falls Du den Zwei-Minuten-Test machst und etwas bricht, musst Du die Lösung nicht selbst kennen. Du musst nur klar benennen, was passiert ist: „Bei 200 Prozent Zoom überlappt der Text im oberen Bereich" oder „Das Menü ist nach dem Vergrößern nicht mehr anklickbar". Das ist eine konkrete, prüfbare Ansage.
Verlange als Abnahme-Kriterium, dass die Seite den 200-Prozent-Test besteht: Text vollständig lesbar, nichts überlappt, alle Buttons und Menüs bedienbar, kein seitliches Scrollen. Wer barrierefrei baut, kennt diese Vorgabe und erfüllt sie ohne Diskussion.
Gut ist es, das Thema schon vor Projektbeginn anzusprechen. Eine Seite von Grund auf mitwachsend zu bauen kostet kaum Mehraufwand. Sie nachträglich zu reparieren, wenn das Layout schon steht, wird deutlich teurer. Frag früh, dann ersparst Du Dir die teure Runde.
Fazit
Eine Seite, die mitwächst, verlangt von Dir kein Spezialwissen. Sie hängt allein an der Bauweise: ob der Text der Wunsch-Größe des Besuchers folgt, ob das Layout bei starkem Zoom sauber in eine Spalte umbricht und ob nichts in fester Breite festgenagelt ist. Damit erfüllt eine Seite die 200-Prozent-Anforderung fast nebenbei.
Mach den Zwei-Minuten-Test an Deiner eigenen Seite. Findest Du dabei abgeschnittenen Text oder überlappende Spalten, weißt Du jetzt, was Du ansprichst und von wem Du es einforderst. Wie sich dieser Baustein ins größere Bild fügt, zeigt der Überblick über die vier WCAG-Prinzipien.