← Design Rules

Typografie

Fließtext hat eine Höchstbreite

Geltung: universal · web, react-native
Korridor: 45-80 Zeichen
Vorgabe: 65ch

Warum

Bei sehr langen Zeilen findet das Auge den Anfang der nächsten Zeile nicht. Auf breiten Bildschirmen läuft Text sonst über 200 Zeichen.

Woran Du den Verstoß erkennst

Absatz ohne max-width.
Breite in px statt ch.
Bei 1920 Pixeln läuft ein Hilfetext über die ganze Breite.

Hart und weich

Hart: es gibt eine Höchstbreite, als Token, höchstens 80 Zeichen. Weich: der Wert im Korridor 45 bis 80ch. Vorgabe 65ch.

Grenzen

Tabellen, Code, einzeilige Beschriftungen.

Quelle

WCAG 1.4.8 Visual Presentation (AAA, „width is no more than 80 characters"). Vercel › Layout („Responsive coverage … ultra-wide").

Verwandt