Automatische Silbentrennung braucht die richtige Textsprache

Ein deutscher Absatz in einer schmalen Spalte

Eine mobile Hilfeseite erklärt ein Anmeldeverfahren. Im Fließtext tauchen längere deutsche Wörter auf, während eine englische Passage die Originalbezeichnung eines Werkzeugs erläutert. Ohne passende Trennung entstehen sehr unruhige Zeilen. Einfach jeden Buchstaben als mögliche Bruchstelle zu behandeln, würde zwar Platz schaffen, aber die Lesbarkeit des normalen Textes verschlechtern.

Die CSS-Eigenschaft hyphens steuert nach MDN die Worttrennung beim Zeilenumbruch. Automatische Trennung hängt von der richtig angegebenen Sprache und einem verfügbaren Trennwörterbuch im Browser ab. Sie ist deshalb keine Zusage für überall identische Zeilen. Dieser Ratgeber behandelt vorhandene Webtechnik; die Originaldokumentation wurde am 21. Oktober 2026 geprüft.

Den Sprachwechsel am Inhalt markieren

Lege zunächst eine Testseite mit zwei kurzen Absätzen an. Der deutsche Abschnitt bekommt seine tatsächliche Sprache, der englische Abschnitt seine eigene. Aktiviere automatische Trennung gezielt für den Fließtext. Verkleinere dann die Spalte schrittweise und prüfe, ob die Wörter weiterhin gut lesbar bleiben. Erfinde für den Test keine fremdsprachigen Sätze, sondern verwende einen inhaltlich geprüften Text.

Die Sprache gehört zur Bedeutung des Inhalts. Sie sollte daher nicht nur gesetzt werden, damit ein bestimmter Umbruch entsteht. Wenn ein Redaktionssystem mehrere Sprachen zulässt, braucht die Redaktion ein verständliches Sprachfeld pro entsprechendem Inhaltsbereich. Ein späterer Übersetzungswechsel muss dieses Feld mit berücksichtigen. Sonst kann eine optisch unauffällige Voreinstellung lange unbemerkt bleiben.

Ausnahmen redaktionell behandeln

Nicht jedes lange Zeichenstück ist ein Wort. Eine Bestellkennung oder Internetadresse benötigt andere Darstellungsregeln als ein deutscher Absatz. Beschreibe im Bauauftrag daher den Geltungsbereich: automatische Silbentrennung für geeigneten Fließtext, eine bewusst geprüfte Behandlung für Markenbezeichnungen und keine unkontrollierte Veränderung kopierbarer Kennungen.

Bei manuellen Trennhinweisen bleibt ebenfalls eine redaktionelle Entscheidung nötig. Füge solche Hinweise nicht wahllos in alle Wörter ein. Prüfe zuerst eine problematische Stelle und anschließend die breitere Darstellung. Eine lokale Reparatur für eine schmale Karte darf den Artikel auf einem großen Bildschirm nicht unnötig verschlechtern.

Mit unterschiedlichen Bedingungen abnehmen

Teste den Beispielabsatz bei schmaler Breite und vergrößerter Schrift in den vorgesehenen Browsern. Vergleiche deutsche und englische Abschnitte sowie einen Text ohne automatische Trennung. Dokumentiere beobachtete Unterschiede, statt pixelgleiche Zeilen zu verlangen. Die entscheidende Abnahme lautet: Der Text bleibt vollständig lesbar, die Sprachangabe stimmt, und die Redaktion kann problematische Einzelfälle gezielt erkennen und bearbeiten. Eine fehlende automatische Trennung darf nicht dazu führen, dass Inhalte hinter dem Rand verschwinden.