Menschen mit Sehschwäche vergrößern die Seite oft deutlich. Wenn dabei Inhalte abgeschnitten werden, sich überlappen oder horizontales Scrollen nötig wird, ist die Seite kaum noch nutzbar.
Worauf es ankommt
- Textvergrößerung (WCAG 1.4.4): Text muss sich bis 200 % vergrößern lassen, ohne dass Inhalt oder Funktion verloren geht.
- Reflow (1.4.10): Bei starker Vergrößerung bzw. auf schmalen Viewports muss der Inhalt einspaltig umbrechen — kein horizontales Scrollen.
So prüfst du es
- Drücke im Browser mehrmals Strg/Cmd und „+“ bis 200 %: Bleibt alles lesbar und bedienbar?
- Verkleinere das Browserfenster stark: Bricht der Inhalt sauber einspaltig um?
- Achte auf abgeschnittenen Text oder überlappende Elemente.
Häufige Fehler
- Feste Pixel-Höhen, die Text abschneiden.
- Schrift in Grafiken, die beim Zoom unscharf wird.
- Layouts, die beim Zoom horizontales Scrollen erzwingen.
Kurz gesagt
Teste bei 200 % Zoom und auf schmalem Viewport. Bleibt alles lesbar und einspaltig, passt es.
Du willst wissen, wo deine Seite steht? Im Barrierefreiheits-Audit prüfe ich genau das nach WCAG 2.2 AA.