Die Leserichtung ist die Richtung, in der eine Schrift gelesen wird: im Deutschen von links nach rechts und von oben nach unten, im Arabischen und Hebräischen von rechts nach links. Sie bestimmt, wo der Blick auf einer Seite einsetzt und wohin er wandert. Websites in mehreren Sprachen müssen ihr Layout mit der Leserichtung spiegeln können.
- Leserichtung
Die Richtung, in der eine Schrift gelesen wird, und damit der Weg, den der Blick über eine Seite nimmt.
Beispiel: „Wegen der Leserichtung steht das Logo oben links, wo der Blick einsetzt.“Abgrenzung zur Blickführung: Die Leserichtung ist die Gewohnheit des Lesers. Die Blickführung ist das, was die Gestaltung daraus macht.
Leserichtung und Lesemuster
Die Nielsen Norman Group fand 2006 im Eyetracking mit 232 Nutzern das F-Muster: zwei waagerechte Blickbahnen oben, dann ein senkrechtes Absuchen am linken Rand. Laut einer Aktualisierung von 2017 tritt es auf, wenn starke visuelle Hinweise fehlen, und erscheint auf arabischen Seiten gespiegelt. 80 Prozent der Fixationen liegen auf der linken Bildschirmhälfte. Das Z-Muster und das Gutenberg-Diagramm sind dagegen verbreitete Faustregeln ohne belastbare Eyetracking-Belege.
Leserichtung in HTML und CSS
Die Leserichtung gehört ins HTML, nicht ins CSS: Das Attribut dir mit den Werten ltr, rtl oder auto steht laut W3C zusammen mit dem lang-Attribut am html-Element. Logische Eigenschaften wie margin-inline-start drehen Abstände automatisch mit.
<html lang="ar" dir="rtl">
<style>
.karte {
margin-inline-start: 1rem;
text-align: start;
}
</style>Leserichtung im Layout
Weil der Blick in der Leserichtung oben links einsetzt, stehen Logo und Navigation dort. In einer rechts-nach-links-Fassung wandern sie nach rechts, und Pfeile, Fortschrittsbalken und Symbole mit Richtung werden mitgespiegelt.