Verbindung fehlgeschlagen. Bitte versuchen Sie es erneut.

Zum Inhalt springen
SEO Tools
Hilfe und Dokumentation
UX / UI Hohe Auswirkung Einfach 15–30 Min.

Zu kleine Schrift

Grundtext mindestens 16px, Kleintext mindestens 12px.

Was es ist

Die Schriftgröße entscheidet über die Lesbarkeit. Text kleiner als etwa 12px ist auf dem Handy schwer lesbar und zwingt den Nutzer zum Heranzoomen oder Zusammenkneifen der Augen.

Warum es wichtig ist

Schlecht lesbarer Text erhöht die Ermüdung und die Absprungrate und schadet der Zugänglichkeit. Google meldet im Mobil-Usability-Test „Text ist zu klein“. Bequemes Lesen ist die Grundlage guter UX.

So geht's

  1. 1Setze den Grundtext der Website auf 16px (1rem) oder mehr.
  2. 2Halte Kleintext (Beschriftungen, Hinweise) mindestens auf 12px.
  3. 3Stimme die Größen relativ (rem) von der Grundgröße aus ab, nicht fest in Pixeln.
  4. 4Teste die Lesbarkeit an einem echten Telefon, nicht nur an einem großen Monitor.

Grund-Schriftgröße

Richtig
body { font-size: 16px; line-height: 1.6; }
.small { font-size: 0.875rem; } /* 14px */

Fazit

Lesbarkeit ist die Grundlage — 16px für normalen Text ist heute Standard, unter 12px solltest du nicht gehen. Arbeite mit rem ausgehend von der Grundgröße, damit alles konsistent skaliert. Eine günstige Anpassung mit großer Wirkung auf den Lesekomfort.

Verwandte Themen