Warum wird meine Website beschädigt, wenn man den Text vergrößert?

Text, die nicht vergrößert werden darf, ist ein bekannter WCAG-Engpass

Eine Website, die "kaputt" geht, sobald ein Kunde die Textgröße erhöht, wird fast immer durch feste Maße verursacht: Text, Schaltflächen oder Container, die in Pixeln festgelegt sind, statt in Einheiten, die sich skalieren. Erhöht ein Kunde die Textgröße im Browser, bleibt ein Feld mit einer festen Pixelhöhe gleich groß, und der Text darin läuft aus dem Feld, überlagert andere Elemente oder wird abgeschnitten. Menüs, die genau bei der Standardgröße passen, aufklappbare Elemente, die nicht mitwachsen, und Schaltflächen, deren Text über den Rand hinausgeht, sind die häufigsten Symptome.

Dies ist kein ästhetischer Mangel, sondern ein funktionales Problem: Wenn ein Label unleserlich wird oder eine Schaltfläche nicht mehr anklickbar ist, weil Text darüber läuft, kann ein Kunde einen Schritt im Bestellprozess nicht mehr abschließen. Das trifft die gleichen Schwachstellen wie bei Tastaturnavigation durch die gesamte Bestellung: Ein Skalierungsproblem, das auf den Kernseiten harmlos aussieht, kann bei der Bestellseite oder dem Anmeldebildschirm den Ausschlag geben. Auch Überschriften und Zwischentitel laufen Gefahr: Wenn ein Strukturelement bei Vergrößerung zusammenbricht, wird die Lesereihenfolge seltsam, etwas das auch im breiteren Kontext von Überschriften, Struktur und Navigation.

vorkommt. Wo das in WCAG 2.1 steht: das Vergrößerungskriterium

WCAG 2.1 sieht vor, dass Text bis zu einem bestimmten Prozentsatz vergrößert werden kann, ohne dass Inhalte oder Funktionalität verloren gehen; das ist das Prinzip hinter dem Kriterium für skalierbare Text, wie in der Richtlinie selbst zu lesen ist. In der Praxis testet ein Scan dies, indem die Seite bei mehreren Textgrößen geladen wird und überprüft wird, ob Text abgeschnitten, überlagert oder unleserlich wird. Was ein automatisierter Test nicht sieht, ist, ob die Seite dann noch angenehm zu verwenden ist oder nur technisch "nicht kaputt" — dieser Unterschied gehört zu den Dingen, die ein automatischer Scan nicht beurteilen kann.