Verbindung fehlgeschlagen. Bitte versuchen Sie es erneut.

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

Lesbarkeit und Größe von Links/Buttons

Klickbare Elemente müssen lesbar und leicht zu treffen sein.

Was es ist

Links und Buttons mit kleiner Schrift sind schlechter lesbar und vor allem auf dem Touchscreen schlechter mit dem Finger zu treffen. Das hängt mit der Größe des sogenannten Tap-Targets (der Klickfläche) zusammen.

Warum es wichtig ist

Kleine klickbare Elemente erhöhen die Fehlerquote — der Nutzer verfehlt statt zu klicken oder trifft den Nachbarlink. Das frustriert und senkt die Konversionen. Google empfiehlt ein Tap-Target von mindestens 48×48 px mit Abständen.

So geht's

  1. 1Gib Links und Buttons eine lesbare Schrift (idealerweise 14px+).
  2. 2Sorge für eine ausreichende Klickfläche (mind. ~44–48 px) über Padding, nicht nur über die Textgröße.
  3. 3Lass zwischen benachbarten klickbaren Elementen Abstand (z. B. 8px+), damit sich die Finger nicht überschneiden.
  4. 4Teste auf dem Handy mit dem Daumen, nicht mit der Maus.

Beispiel

Richtig
.btn, nav a {
  font-size: 1rem;
  padding: 12px 16px;   /* ausreichende Klickfläche */
  display: inline-block;
}

Fazit

Gestalte klickbare Elemente großzügig — lesbare Schrift, ausreichendes Padding und Abstände. Die genaue Tap-Target-Größe prüfst du nur im Browser, aber kleine klickbare Texte sind ein klares Signal zur Korrektur. Weniger Fehlklicks = mehr Konversionen.

Verwandte Themen