Gedanken zur Silbentrennung 
veröffentlicht in 2012
zuletzt bearbeitet in
Sollte eine Silbentrennung im Web eingesetzt werden? Lange Zeit stellte sich diese Frage nicht, weil nicht alle Browser den bedingten Trennstrich (­) unterstützten. Aber gehört eine solche Worttrennung überhaupt ins HTML? Die Frage schließt sich insbesondere im Hinblick auf barrierefreies Webdesign an.
Der geschlossene Zeilenfall
Silbentrennung wird oft mit einem geschlossenen Zeilenfall (Blocksatz) eingesetzt. Generell gilt für das Lesen am Bildschirm, dass ein offener Zeilenfall – auch Flattersatz genannt – zusammen mit anderen typografischen Eigenschaften wie angemessener Zeilenabstand oder optimaler Zeilenlänge zu einer besseren Leserlichkeit führen als ein geschlossener Zeilenfall:
- Vorteil des offenen Zeilenfalls sind die gleichbleibenden Abstände zwischen Wörtern. Der Lesefluss vor allem in längeren Texten wird dadurch verbessert.
- Vorteil des geschlossenen Zeilenfalls liegt vor allem bei kurzen Zeilenlängen: Ein gleichmäßiges Lesen wird ermöglicht. Gleichzeitig besteht ein erhöhter Bedarf an Silbentrennung.
Im Hinblick auf Barrierefreiheit erschwert Blocksatz die Leserlichkeit von Texten für verschiedene Nutzergruppen. Einzelne Aspekte werden in den erläuternden Dokumenten zu Erfolgskriterium 1.
Mit der CSS-Eigenschaft text-align kann die Darstellung eines Textblocks als ein offener Zeilenfall (links-, rechts- oder zentriert ausgerichteter Text) und ein geschlossener Zeilenfall (links- und rechtsausgerichteter Text) bestimmt werden. Für die deutsche Sprache ist bei den offenen Zeilenfällen der links ausgerichteter Text vorzuziehen, damit der Zeilenanfang vom Auge gut gefunden werden kann. Zentriert oder rechts ausgerichteter Text wird vor allem dann unleserlich, wenn der Text länger wird.
Sollte ein geschlossener Zeilenfall als Stilmittel für eine Webseite eingesetzt werden, dann soll nach den WCAG 2.2
Fatal error: Uncaught Error: Call to undefined function mysql_query() in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php:123
Stack trace:
#0 /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php(111): setScLinkToDb()
#1 /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/artikel/gestaltung/typografische-anforderungen/silbentrennung/index.php(21): sclink()
#2 {main}
thrown in /home/lfqdu6ah4gh6/migrated_webspace/www/bfw/lib/php/content_func.php on line 123