1.4.4 Textgröße ändern

1. Was ist das Ziel dieses Kriteriums?

Stell dir vor, du sitzt in einem Restaurant und versuchst die Speisekarte zu lesen – aber die Schrift ist so winzig, dass du die Augen zusammenkneifen musst wie beim Blick in die Sonne. Genau so fühlen sich viele Menschen im Web, wenn Texte zu klein sind.

Menschen mit Sehbeeinträchtigungen, ältere Menschen oder einfach alle, die müde sind oder ein kleines Display nutzen, brauchen oft größere Schrift zum komfortablen Lesen. Das Ziel von Erfolgskriterium 1.4.4 ist daher klar: Text muss sich ohne spezielle Hilfstechnologie auf 200 % seiner ursprünglichen Größe vergrößern lassen – und dabei dürfen weder Inhalte noch Funktionen verloren gehen.

Kurz gesagt: Was klein zu lesen ist, muss groß lesbar werden können.

2. Was fordert das Erfolgskriterium genau?

Das AA-Kriterium ist sehr konkret formuliert:

Text muss ohne assistive Technologie auf bis zu 200 % vergrößerbar sein, ohne dass dabei Inhalt oder Funktionalität verloren geht. Das bedeutet:

• Alle Texte – inklusive Beschriftungen von Schaltflächen, Formularfeldern und Menüeinträgen – müssen sich verdoppeln lassen
• Die Vergrößerung darf über Standardfunktionen des Browsers laufen, etwa den Seitenzoom oder die Einstellung der Schriftgröße
• Inhalte dürfen dabei nicht abgeschnitten, überlagert oder unbrauchbar werden
• Navigation und alle Funktionen müssen weiterhin zugänglich bleiben

Ausnahmen gelten für:

• Untertitel (Captions) – sie sind oft fest ins Video eingebrannt oder werden vom Player dargestellt
• Textbilder – sie lassen sich nicht ohne Qualitätsverlust skalieren (darum geht es in Textbilder)

Wichtig: Das Kriterium bezieht sich auf die visuelle Darstellung. Nutzer:innen sollen Texte mit den Bordmitteln des Browsers vergrößern können, ohne dass sie spezielle Software wie eine Bildschirmlupe brauchen. Wie sich Inhalte bei noch stärkerer Vergrößerung verhalten müssen, regelt Umbruch (Reflow).

3. Warum ist das wichtig für Barrierefreiheit?

Stell dir vor, du willst online etwas bestellen, aber die Produktbeschreibungen sind so klein gedruckt, dass du sie kaum entziffern kannst. Frustrierend, oder? Für Menschen mit Sehbeeinträchtigungen ist das Alltag.

Vergrößerbare Texte schaffen Barrierefreiheit, weil sie:

• Menschen mit Sehbeeinträchtigungen das Lesen ermöglichen, ohne dass sie spezielle Software installieren müssen
• Älteren Menschen helfen, die kleine Schriften oft schwerer erkennen
• Mobil Nutzende unterstützen, die bei hellem Sonnenlicht oder in ungünstigen Situationen größere Texte brauchen
• Menschen mit kognitiven Einschränkungen das Lesen erleichtern, da größere Texte oft besser erfassbar sind
• Allen in stressigen Situationen helfen – etwa bei wichtigen Formularen oder komplexen Inhalten

Und das Beste: Vergrößerbare Texte funktionieren universell. Sie nutzen Standardfunktionen des Browsers, die auf praktisch jedem Gerät verfügbar sind.

4. So setzt du das Kriterium erfolgreich um

Die gute Nachricht: Skalierbarer Text ist meist einfach umsetzbar und verbessert oft die Nutzerfreundlichkeit insgesamt. Hier ein paar bewährte Praxis-Tipps:

Grundregeln für skalierbare Texte:

• Verwende relative Einheiten (rem, em, %) für Schriftgrößen, damit auch die Schriftgrößen-Einstellung des Browsers wirkt
• Gestalte flexible Layouts, die sich an vergrößerte Texte anpassen
• Vermeide feste Höhen und Breiten bei Containern mit Text, die bei größeren Texten zu Abschneidungen führen
• Teste regelmäßig bei 200 % – sowohl mit dem Browser-Zoom als auch mit vergrößerter Standardschrift

Technische Umsetzung:

• CSS: Nutze z. B. font-size: 1.125rem statt font-size: 18px
• Layout: Arbeite mit flexiblen Containern (flexbox, grid) statt starren Pixelmaßen
• Zoom nicht sperren: Verzichte im Viewport-Meta-Tag auf user-scalable=no und maximum-scale=1 – sonst können Menschen auf dem Smartphone nicht mehr zoomen
• Testen: Prüfe verschiedene Zoom-Stufen in Chrome, Firefox und Safari

Häufige Fallstricke vermeiden:

• Symbole mit Text sollten sich zusammen vergrößern oder eigene Beschriftungen haben
• Overlays und Tooltips müssen bei vergrößerten Texten noch vollständig sichtbar sein
• Navigation darf bei größeren Texten nicht unbrauchbar werden
• Formular-Labels und Buttons müssen mit dem Text wachsen

Werkzeuge zum Testen:

• Browser-Zoom (Strg/Cmd + Plus)
• Browser-Einstellungen für die Standardschriftgröße
• Manuelle Sichtprüfung – automatische Tools wie WAVE oder axe DevTools finden nur einen Teil der Probleme, etwa einen gesperrten Zoom

5. Warum dieses Erfolgskriterium für Unternehmen relevant ist

Auch bei Erfolgskriterium 1.4.4 gilt: Barrierefreiheit ist kein Zusatzaufwand – sondern ein echter Vorteil für Conversion und Kundenzufriedenheit.

1. Zielgruppe erweitern Laut WHO leben weltweit rund 1,3 Milliarden Menschen mit einer erheblichen Behinderung, in Deutschland laut Destatis rund 7,9 Millionen schwerbehinderte Menschen. Dazu kommen ältere Menschen, deren Sehkraft nachlässt, und alle in schwierigen Nutzungssituationen. Mit skalierbaren Texten machst du deine Inhalte für deutlich mehr Menschen komfortabel nutzbar.

2. Conversion verbessern Wer deine Texte gut lesen kann, versteht auch besser, was du anbietest. Lesbare, vergrößerbare Texte senken die Hürde für Aktionen – von der Newsletter-Anmeldung bis zum Kaufabschluss.

3. Mobile Nutzung verbessern Skalierbare Texte und flexible Layouts funktionieren besser auf unterschiedlichen Bildschirmgrößen und bei wechselnden Lichtverhältnissen. Davon profitiert gerade die mobile Nutzung.

Und nicht zuletzt: rechtliche Anforderungen. Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz (BFSG) für viele Produkte und Dienstleistungen für Verbraucher:innen, etwa Online-Shops. Technischer Maßstab ist die EN 301 549, die für Webinhalte auf WCAG 2.1 Level AA verweist – 1.4.4 gehört dazu. Öffentliche Stellen sind über die BITV 2.0 bzw. Landesrecht verpflichtet. Dieser Abschnitt informiert allgemein und ersetzt keine Rechtsberatung.

6. Das Erfolgskriterium im Wortlaut des W3C

Success Criterion 1.4.4 Resize Text (Level AA)

Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality.

Kurz gesagt: Abgesehen von Untertiteln und Textbildern muss sich Text ohne Hilfstechnologie auf 200 % vergrößern lassen, ohne dass Inhalte oder Funktionen verloren gehen.