Prüfpunkt kein-text-ueberlaufUmfluss und Text
Warum wird Text auf einer Website abgeschnitten?
Text wird abgeschnitten, wenn der Kasten, in dem er steht, eine feste Breite hat und der Inhalt nicht umbrechen darf. Auf kleinen Bildschirmen fehlt dann das Ende eines Wortes oder eines ganzen Satzes — Besucher lesen einen Torso. Der Prüfservice vergleicht auf vier Gerätegrößen, wie viel Platz jeder Text braucht und wie viel er bekommt, und zeigt betroffene Stellen mit Beispielen und Bildschirmfoto.
So entsteht abgeschnittener Text
Häufige Ursachen sind feste Breiten aus einer Design-Vorlage, ein Verbot des Zeilenumbruchs oder sehr lange Wörter — im Deutschen keine Seltenheit. Auch Übersetzungen führen dazu: Der englische Knopftext passt, die deutsche Fassung ist länger und wird gekappt. Am Desktop bleibt das oft unsichtbar, weil dort genug Platz ist. Erst auf dem Smartphone mit 390 Pixeln Breite zeigt sich, ob jeder Text seinen Platz findet. Deshalb misst der Prüfservice jedes Geräteprofil einzeln — ein Text kann auf dem Tablet vollständig lesbar sein und auf dem Handy abgeschnitten. Der Bericht nennt für jede Gerätegröße eigene Befunde, jeweils mit dem Anfang des betroffenen Textes als Beispiel.
So misst der Prüfservice den Überlauf
Die Prüfung untersucht Absätze, Überschriften und Listenpunkte in einem echten Browser: Braucht ein Text mehr Breite, als sein Kasten hergibt, liegt ein Überlauf vor. Zwei Schutzmechanismen verhindern falschen Alarm. Erstens zählen zugeklappte Menüs und gar nicht dargestellte Elemente nicht mit — deren Inhalt ist absichtlich verborgen, nicht abgeschnitten. Ohne diesen Ausschluss würde jede Website mit Ausklapp-Navigation Dutzende Scheinbefunde erhalten. Zweitens werden einzelne Grenzfälle von wenigen Pixeln toleriert; gemeldet wird erst, wenn mehrere Elemente betroffen sind. Jeder Befund wird zweimal erhoben, und es zählt nur, was beide Messungen übereinstimmend sehen. So beschreibt der Bericht echte Lesehindernisse statt technischer Zufallstreffer.
So gehen Sie es an
- Lesen Sie Ihre wichtigsten Seiten auf dem Handy und achten Sie auf Wörter, die mitten im Buchstaben enden oder mit drei Punkten abbrechen.
- Prüfen Sie Schaltflächen mit längeren Beschriftungen wie „Unverbindliches Angebot anfordern“ — sie sind häufig betroffen.
- Bitten Sie Ihre Agentur, feste Breiten durch anpassungsfähige zu ersetzen, damit Text umbrechen kann.
- Kontrollieren Sie nach Textänderungen und Übersetzungen, ob alle Beschriftungen vollständig sichtbar bleiben.
Weiter im Prüfbereich Responsive
- Wie viel Text gehört in den ersten Bildschirm einer Website?Mindestens 60 Wörter lesbarer Text sollten auf dem Handy ohne Scrollen sichtbar sein — so verstehen Besucher und Suchmaschinen sofort, worum es geht.
- Warum gehört die wichtigste Schaltfläche in den ersten Bildschirm?Besucher sollen ohne Scrollen handeln können. Die Prüfung sucht im ersten Handy-Bildschirm nach einer klar erkennbaren Schaltfläche zum nächsten Schritt.
- Wie prüft man ein einzelnes Element auf allen Bildschirmgrößen?Der Prüfservice misst ein einzelnes Element gezielt auf Smartphone, Tablet und Desktop: sichtbar, vollständig im Bild und gut bedienbar.
- Auf welchen Bildschirmgrößen sollte eine Website getestet werden?Auf vier Profilen: 390, 768, 1440 und 1920 Pixel Breite — jeweils als echtes Gerät im Browser nachgebildet.
Dieser Prüfpunkt gehört zum Prüfbereich Responsive; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: NeONBRAND neonbrand, CC0
.jpg){kind=link}