Zoom / Textvergrößerung

17.06.2026

Zoom / Textvergrößerung – Barrierefreiheit nach WCAG 1.4.4

Textvergrößerung ist eine der zentralen Anforderungen an barrierefreie Websites: Nutzerinnen und Nutzer müssen Text auf bis zu 200 % vergrößern können, ohne dass Inhalt oder Funktion verloren geht. Das legt das WCAG-Kriterium 1.4.4 auf Level AA verbindlich fest.

Besonders Menschen mit Sehbeeinträchtigungen sind auf diese Funktion angewiesen. Sie verwenden die Zoom-Funktion des Browsers oder die Schriftgröße in den Betriebssystemeinstellungen, um Texte lesbar zu machen. Websites, die das unterbinden oder bei vergrößerter Schriftgröße visuell brechen, schließen diese Nutzergruppe aktiv aus.

Seit dem 28. Juni 2025 ist WCAG 2.1 Level AA durch das Barrierefreiheitsstärkungsgesetz (BFSG) für viele Unternehmen in Deutschland gesetzlich verpflichtend. Wer Textvergrößerung nicht korrekt umsetzt, riskiert Abmahnungen und behördliche Verfahren.

Z

Zoom / Textvergrößerung auf einen Blick

  • WCAG-Kriterium: 1.4.4 – Resize Text, Level AA
  • Anforderung: Text bis 200 % vergrößerbar ohne Verlust von Inhalt oder Funktion
  • Schriftgröße: Relative Einheiten (rem, em) statt fixer Pixel-Werte verwenden
  • Mobil: Pinch-to-zoom darf nicht per viewport-Meta deaktiviert werden
  • Gesetzlich: Pflicht nach BFSG (Deutschland) und EAA (EU) seit Juni 2025

Was WCAG 1.4.4 konkret verlangt

Das Kriterium Resize Text (1.4.4) gehört zum Prinzip „Wahrnehmbarkeit" der WCAG. Es fordert, dass Text ohne assistive Technologie auf bis zu 200 % vergrößert werden kann, ohne dass Inhalt verloren geht oder Funktionen nicht mehr nutzbar sind. Ausnahmen gelten nur für Untertitel und Texte, die direkt in Bilder eingebettet sind.

In der Praxis bedeutet das: Layouts müssen flexibel sein. Texte dürfen nicht in fest definierten Containern eingesperrt sein, die bei größerer Schriftgröße überlaufen oder abgeschnitten werden. Alle interaktiven Elemente, also Buttons, Links und Formulare, müssen auch bei 200 % Textvergrößerung vollständig sichtbar und bedienbar bleiben.

Schriftgröße technisch korrekt umsetzen

Der häufigste Fehler ist die Verwendung fixer Pixel-Werte für die Schriftgröße. Pixel ignorieren die im Browser oder Betriebssystem eingestellte Basisschriftgröße des Nutzers. Relative Einheiten hingegen skalieren mit:

  • rem: Relativ zur Basisschriftgröße des Root-Elements, empfohlene Einheit für Fließtext
  • em: Relativ zum Elternelement, gut für komponentenbasierte Layouts
  • %: Prozentual zur übergeordneten Schriftgröße, ebenfalls skalierbar
  • px vermeiden: Oder zumindest testen, ob das Layout bei 200 % Browser-Zoom noch korrekt dargestellt wird

Zoom-Funktion auf mobilen Geräten

Auf Smartphones und Tablets greifen Nutzerinnen und Nutzer häufig auf die Pinch-to-zoom-Geste zurück, um Inhalte zu vergrößern. Viele Websites deaktivieren dieses Verhalten irrtümlich über den viewport-Meta-Tag, zum Beispiel mit user-scalable=no oder maximum-scale=1.

Das ist ein direkter Verstoß gegen WCAG 1.4.4. Der viewport-Tag darf die Skalierung durch den Nutzer nicht einschränken. Moderne Browser wie Safari und Chrome ignorieren diese Einschränkung teilweise bereits, aber verlassen sollte man sich darauf nicht, da das Verhalten browserabhängig ist.

Textvergrößerung und die WCAG-Wahrnehmbarkeit

WCAG 1.4.4 ist Teil des Prinzips Wahrnehmbarkeit: Informationen und Benutzeroberflächen müssen so dargestellt werden, dass Nutzerinnen und Nutzer sie wahrnehmen können. Eng verwandt ist das Kriterium 1.4.3 (Kontrast) sowie 1.4.12 (Textabstand), das ebenfalls flexible Layouts voraussetzt.

Für Menschen mit Dyslexie oder kognitiven Einschränkungen ist vergrößerter Text oft nicht nur eine Komfortfunktion, sondern eine Voraussetzung für das Verständnis von Inhalten. Barrierefreiheit bei der Schriftgröße kommt damit einer breiten Nutzergruppe zugute, weit über Menschen mit Sehbeeinträchtigungen hinaus.

SiteCockpit Lösung

easyMonitoring: Textvergrößerungs-Verstöße automatisch erkennen

easyMonitoring prüft deine Website automatisch auf WCAG-Verstöße, darunter auch Probleme mit der Textvergrößerung: fixe Schriftgrößen in Pixel, deaktivierter Viewport-Zoom und Layouts, die bei 200 % Skalierung brechen. Du erhältst einen Score von 0 bis 100 sowie einen detaillierten Bericht mit genauen Fundstellen, Schweregrades und Korrekturhinweisen.

easyMonitoring kennenlernen →

Häufige Fragen zur Textvergrößerung

Zählt Browser-Zoom als Textvergrößerung im Sinne von WCAG 1.4.4?

Ja. Der Browser-Zoom ist die primäre Methode, die WCAG 1.4.4 adressiert. Wenn eine Website bei 200 % Browser-Zoom Inhalt verliert, Texte überlappt oder Funktionen unzugänglich werden, liegt ein Verstoß vor. Der Test ist einfach: Browser auf 200 % zoomen und alle Seiten auf Funktion prüfen.

Müssen alle Texte vergrößerbar sein, oder gibt es Ausnahmen?

WCAG 1.4.4 nennt zwei Ausnahmen: Untertitel (Captions) und Texte, die direkt in Bilder eingebettet sind (Bildbeschriftungen im Pixel-Bild). Alle anderen Texte, also Fließtext, Überschriften, Buttons, Labels und Formularfelder, müssen auf 200 % skalierbar sein.

Reicht es, wenn die Textvergrößerung per easyVision-Widget angeboten wird?

Das easyVision-Widget ist eine wertvolle Ergänzung und unterstützt Nutzerinnen und Nutzer aktiv dabei, Schriftgrößen anzupassen. Es ersetzt jedoch nicht die technische Anforderung aus WCAG 1.4.4, dass der native Browser-Zoom funktionieren muss. Beide Maßnahmen ergänzen sich sinnvoll.

Wie teste ich, ob meine Website WCAG 1.4.4 erfüllt?

Stelle den Browser-Zoom auf 200 % und navigiere durch alle wichtigen Seiten. Achte dabei darauf, ob Texte abgeschnitten werden, Inhalte überlappen, Buttons oder Links nicht mehr klickbar sind oder der horizontale Scrollbalken erscheint, weil das Layout nicht bricht. Automatisierte Tools wie easyMonitoring unterstützen die systematische Prüfung.

Erfüllt deine Website WCAG 1.4.4?

Lass deine Website automatisch auf Textvergrößerungs-Verstöße und weitere WCAG-Kriterien prüfen. easyMonitoring liefert einen detaillierten Bericht mit konkreten Fundstellen, damit du gezielt korrigieren kannst.

Kostenlos testen