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:

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.4.8 der Web Content Accessibility Guidelines (WCAG) 2.2 diskutiert und referenziert. Diese betreffen Menschen mit einer kognitiven Behinderung, aber auch Menschen mit einer Sehbehinderung. Konkret verlangt die Richtlinie, entweder ein Verzicht auf einen geschlossenen Zeilenfall oder die Darstellung von links-bzw. rechtsausgerichtetem Mengentext.

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