Text, der aus seinem Kasten läuft: Umbruch statt Abschneiden

Text muss umbrechen, nicht aus seinem Kasten laufen oder abgeschnitten werden. Der Prüfer misst je Geräteprofil, ob Textinhalt über die Grenzen seines Elements hinausragt — der sichere Hinweis auf eine feste Höhe oder Breite an der falschen Stelle.

Was dazu geprüft wird

2 Prüfpunkte aus dem den erhobenen Signalen dieses Prüfbereichs — die Liste stammt aus dem Messkern, nicht aus diesem Text.

Kein Text-Überlauf
Ob Text aus seinem Kasten läuft oder abgeschnitten wird, statt umzubrechen. Gemessen je Geräteprofil.
Vier Geräteprofile
Smartphone (390 px), Tablet (768 px), Desktop (1440 px) und Wide (1920 px), im echten Browser gerendert — keine bloße Fensterverkleinerung.

Jeder dieser Punkte steht mit Erklärung in der vollständigen Prüfpunktliste.

Worauf es in der Praxis ankommt

Die Ursache ist meist eine Vorgabe aus dem Entwurf: Die Kachel soll überall gleich hoch sein, also bekommt sie eine feste Höhe. Sobald ein Text länger ausfällt als im Entwurf — zwei Zeilen statt einer —, verschwindet er hinter der Kante.

Besonders häufig trifft es Übersetzungen: Derselbe Satz ist auf Deutsch regelmäßig länger als auf Englisch, und ein Kasten, der im Entwurf passte, reicht nicht mehr.

Wer größere Schrift eingestellt hat, sieht das Problem zuerst. Genau deshalb ist es kein Schönheitsfehler, sondern ein Zugänglichkeitsproblem.

Häufige Fragen

Ist abgeschnittener Text immer ein Fehler?

Wenn Information verloren geht, ja. Eine bewusste Kürzung mit Auslassungspunkten und vollständigem Text an anderer Stelle ist etwas anderes als Text, der einfach hinter einer Kante endet.

Warum tritt das bei uns nur in einer Sprache auf?

Weil Textlängen sich zwischen Sprachen deutlich unterscheiden. Ein Kasten, der für die kürzere Fassung entworfen wurde, reicht für die längere nicht.

Weitere Themen aus Responsive

Website prüfen lassen Erst das Prüfverfahren verstehen →