Die Textvergrößerung ist eine grundlegende Funktion für die Barrierefreiheit von Webseiten. Sie ermöglicht es Nutzenden, Texte an ihre Bedürfnisse anzupassen – besonders wichtig für Menschen mit Sehbeeinträchtigungen, aber auch bei ungünstigen Lichtverhältnissen oder kleinen Bildschirmen.
Wichtige Grundsätze (auch für das Testing relevant):
Text muss mindestens auf 200 Prozent vergrößerbar sein
Layout darf nicht brechen
Kein Verlust von Inhalten
Keine horizontale Scrollbar
Lesbarkeit muss erhalten bleiben
Zu vermeidende Praktiken:
Feste Pixelgrößen für Texte
Feste Container-Breiten
Text als Bild (weil dann der mit Text mit einer Hilfstechnologie wie dem Screenreader praktisch nicht vorlesbar ist, aber bei Vergrößerung auch unscharf wird)
Überlappende Elemente
Versteckte Inhalte
Für die Entwicklung bedeutet dies (analog zum Responsive Design):
Relative Einheiten verwenden (rem, em)
Flexible Layouts erstellen
Breakpoints sinnvoll setzen
Zeilenabstände anpassen
Container-Größen flexibel halten
