Typografie und Lesbarkeit

Die häufigste Verwechslung im Redaktionsalltag: eine Überschriftenebene wird gewählt, weil die Schrift dann die richtige Größe hat. Damit zerfällt die Gliederung, auf die sich Screenreader und Suchmaschinen stützen.

Die Ebene ergibt sich aus der Bedeutung: eine H1 pro Seite, darunter H2 für die Hauptabschnitte, H3 für deren Unterpunkte. Übersprungen wird nichts. Wenn eine H2 zu groß aussieht, ist das ein Fall für eine Klasse wie h4 – die ändert nur die Darstellung und lässt die Struktur in Ruhe.

Für den Fließtext gilt vor allem eines: die Zeilenlänge. Zwischen 45 und 75 Zeichen findet das Auge den Anfang der nächsten Zeile zuverlässig wieder. In einem Container ohne Breitenbegrenzung werden daraus auf einem großen Monitor schnell 150 Zeichen, und der Text wird unlesbar, ohne dass ein einziger Fehler im CSS steckt.

Bootstrap liefert eine abgestufte Typo-Skala mit. Sie lässt sich über Variablen anpassen – auch hier gilt: an einer Stelle, nicht in jeder Komponente einzeln.