Visuelle Text-Gestaltung

Die wenigsten Webgestalter beschäftigen sich intensiv mit der Typographie, der Schwerpunkt liegt auf der grafischen Gestaltung. Durch fertige Themes für Redaktionssysteme wird auch die Textformatierung festgelegt. Dennoch lohnt es sich, ein wenig mit der Typographie zu experimentieren. Nicht wenige Webseiten scheitern an schlechter Textgestaltung. Oder anders herum: Kein gedrucktes Magazin könnte über längere Zeit überleben, wenn der Text schlecht gesetzt wurde, warum sollte das bei Webseiten anders sein?

Barrierefreiheit und Typographie

Sowohl die Ästhetik als auch die Lesbarkeit einer Webseite hängen entscheidend von der Typographie ab. Typographie befasst sich mit der ästhetischen Textgestaltung.
Die Lesbarkeit eines Textes hängt von verschiedenen Aspekten der Typographie ab:

  • die Auswahl der Schriftart
  • Abstände von Buchstaben, Worten, Zeilen und Absätzen
  • Linienstärke
  • Schriftart
  • Schriftfarbe
  • und so weiter

Normalerweise beschäftigt man einen Experten, der sich mit graphischer Textgestaltung auskennt. Es kann aber nicht schaden, ein wenig Grundwissen darüber zu haben. Insbesondere Redakteure können ihre Texte aufwerten, wenn sie sich mit Typographie auskennen. Die Textgestaltung wird im Wesentlichen mit CSS umgesetzt, dazu erfährst Du später mehr.

Schriften

Im wesentlichen werden Schriften nach zwei Familien unterschieden: die Serifenschriften haben Verzierungen an den Buchstaben. Serifenfreie Schriften haben keine solchen Verzierungen und wirken dadurch klarer, aber oft auch langweiliger. Für den Druckbereich, insbesondere für Belletristik und Magazine werden Serifenschriften bevorzugt eingesetzt. Im Computerbereich und für Sachtexte werden hingegen serifenfreie Schriften bevorzugt. Das liegt auch daran, dass das Schriftbild im Druck eine höhere Auflösung als am Bildschirm hat. Die Buchstaben können also im gedruckten Bereich wesentlich leichter erkannt werden.
Für praktisch jeden denkbaren Einsatzbereich gibt es eigens entwickelte Schriften. Es gibt spezielle Schriften für Anzeigetafeln, für Straßenschilder, für tragbare Geräte und vieles mehr.
Es mag zunächst überraschend sein, aber die Lesbarkeit einer Schrift hängt weniger davon ab, welche Schriftart eingesetzt wird als davon, wie vertraut der Leser mit einer bestimmten Schrift ist. Die Benutzer von Word arbeiten sehr häufig mit Times New Roman oder Arial, deswegen sind beide Schriftarten weit verbreitet und gelten als gut lesbar.
Ästhetik und Lesbarkeit können sich nicht nur ergänzen, sondern auch widersprechen. Viele Zeitungen setzen den Zeitungsnamen in Fraktalschrift. Sie kämen aber nicht auf die Idee, längere Texte in dieser Schrift zu setzen, weil das niemand lesen würde. Aus dem gleichen Grund werden immer seltener Texte in Schreibschrift geschrieben, wenn sie nicht gerade für persönliche Belange gedacht sind. Schreibschrift kann ästhetisch sehr ansprechend sein, weil wir aber nicht mehr daran gewöhnt sind, unterschiedliche Schreibschriften unterschiedlicher Personen zu lesen, fällt es schwer, längere Texte in Schreibschrift zu lesen.
Für die Lesbarkeit am Bildschirm sollten gängige serifenfreie Schriften verwendet werden. Serifenschriften verschlechtern häufig die Lesbarkeit, sie sind bei gleicher Punkt-Größe
kleiner als serifenfreie Schriften. Die Times New Roman nimmt bei Punkt 12 rund zehn Prozent weniger Platz ein als die Arial. Entscheidet man sich dennoch für eine Serifenschrift, sollte ein etwas höherer Schriftgrad gewählt werden als man ihn für eine serifenfreie Schrift nehmen würde.

Textfluss

Der Text sollte immer linksbündig und im Flattersatz gesetzt werden. Der Blocksatz hat sich nur für mehrspaltige Texte bewährt, hinterlässt aber bei
fehlender Silbentrennung unschöne Lücken im Text. Schwerer wiegt, dass im Flattersatz die unterschiedlichen Zeilenlängen dem Auge zusätzliche Orientierungspunkte bieten. Der Blocksatz sieht zu gleichmäßig aus und kann so zum Ermüden der Augen beitragen. Durch den linksbündigen Text wird für Sehbehinderte die Orientierung erleichtert, weil auf der linken Seite eine imaginäre Linie entsteht. Hat man einen zentrierten Text und benutzt eine Bildschirmvergrößerung, hat man Probleme, den Beginn der Zeile zu finden.
Die Silbentrennung ist im Internet nicht sinnvoll, weil sie das Überfliegen des Textes erschwert. Für langsame Leser und Nutzer von Sprachausgaben ergibt sich das Problem, dass lange Wörter schwerer zu lesen sind. Der Leser muss sich den Anfang des Wortes merken, zum Anfang der nächsten Zeile springen, das Wort wieder zusammensetzen und wiederum im Gesamtkontext des Satzes setzen. Der geringe Vorteil der Silbentrennung besteht darin, dass die Lücken im Blocksatz vermieden werden, aber den wollen wir – wie gesagt – ohnehin vermeiden.

Empfohlen wird eine Zeilenlänge zwischen 50 und 60 Zeichen. Der Text sollte nicht den gesamten Bildschirm einnehmen und die Zeilen sollten nicht zu lang werden. Je länger die Zeilen sind, desto schwieriger ist es für das Auge, den Beginn der nächsten Zeile zu finden. Bei zu kurzen Zeilen hingegen muss das Auge zu oft hin und her bewegt werden.

Schriftgrad

Für die Schriftgrößen sind Standardgrößen zu wählen. Für Menschen mit verringertem Gesichtsfeld zum Beispiel wären zu große Schriftgrößen schlecht lesbar. Früher wurde von den Webseiten eine Funktion zur Vergrößerung von Text erwartet, mittlerweile beherrschen aber alle gängigen Browser die Textvergrößerung.

Sonderformatierung und Hervorhebungen

Mit Sonderformatierungen ist immer sparsam umzugehen. Kursiv-Stellung, Versalien (GROSSBUCHSTABEN), Unterstreichung und Schmuckschriftarten verschlechtern in jedem Fall die Lesbarkeit. Ganze Absätze in solchen Formatierungen führen zu Ermüdung und Langeweile. Vielen Sehbehinderten und allen Blinden entgehen Hervorhebungen durch gefetteten Text.

Ebenfalls zu vermeiden sind Schriftgrafiken, also längerer Text, der in ein Bild eingebettet ist. Solche Texte werden bei Vergrößerung unscharf, sie sind außerdem für Blinde gar nicht lesbar und werden außerdem oft bei großen Bildschirmen verzerrt, auf kleinen Displays sind sie hingegen gar nicht lesbar, weil die Grafiken zu klein dargestellt werden.

Abstände

Die Abstände für Buchstaben, Wörter, Zeilen und Absätze sollten dem Standard entsprechen. Zu enge Buchstaben etwa als graphischer Effekt verschlechtern die Lesbarkeit ebenso wie zu weit gesetzte Buchstaben.

Absätze sollten nicht zu lang werden. Lange Absätze verraten oft, dass sich der Schreiber keine Gedanken zu einer sauberen Gliederung gemacht hat. Mehr als drei oder vier mittellange Sätze sollte ein Absatz nicht umfassen.

Das selbe gilt dann auch für Textabschnitte. Lange Texte sollten durch Zwischenüberschriften angeteasert oder zusammengefasst werden.

Farben

Jede andere Kombination als Schwarz auf Weiß verschlechtert den Kontrast. Es mag Leute geben, für die andere Kombinationen besser sind. Tatsächlich ist es aber eher schwierig für den Textgestalter, die für die individuelle Sehschwäche sinnvolle Farbkombination bereit zu stellen. Hier ist der Nutzer gefragt, der sich seine bevorzugten Farben auf seinem Computer einstellen kann. Der Gestalter sollte sich vor allem darum kümmern,
dass Anpassungen der Farben nicht dazu führen, dass der Text unlesbar wird, etwa wegen eines Hintergrundbildes. Bei Fließtext sollten generell Hintergrundbilder oder Farbeffekte wie Farbverläufe vermieden werden.

Lektüreempfehlungen

Print Friendly, PDF & Email

Wenn Du es nicht machst, macht es keiner