5.3 Zeilenhöhe, Kontrast, Lesbarkeit
Zeigt, wie man durch harmonische Zeilenhöhen Lesbarkeit und Designästhetik kombiniert.
Inhaltsverzeichnis
A. Zeilenhöhe & Lesbarkeit
- Fließtext: 1.6 Line-Height
- Überschriften: 1.2
- Buttons: 1.0–1.2
B. Kontrast & Farbe
Kontrastverhältnis mind. 4.5:1 für Body, 3:1 für Überschriften. Nie Text auf bunte Flächen ohne Kontrastprüfung.
Teste Kontrast mit WebAIM Contrast Checker.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container