Barrierefreiheit

Bedienelemente kleiner als 44x44 Pixel (Desktop/Tablet gemessen)

Üblicher Schweregrad: mittel · Aufwand: minimal

Woran du es erkennst

Mehrere sichtbare Links, Buttons oder Eingabefelder sind kleiner als das 44x44px-Komfortmass — gemessen an Desktop-/Tablet-Viewport-Breite, wo kein Mobile-Audit greift (mobil deckt src/mobile.ts mit mobile-touch-target-small ab).

Warum es zählt

Kleine Klickflächen erzeugen Fehlklicks — auf Touch-Laptops und Convertibles genauso wie für Nutzer mit motorischen Einschränkungen oder Tremor. WCAG 2.5.5 (Target Size, Enhanced) und die Apple Human Interface Guidelines nennen beide 44px als Komfortmass; WCAG 2.2 SC 2.5.8 zieht mit 24px die absolute Untergrenze.

So behebst du es

  1. Vergrößere die Klickfläche per padding (nicht per sichtbarer Grafik), bis jedes interaktive Element mindestens 44x44 CSS-Pixel misst.
  2. Bei Icon-Buttons das SVG in einen gepolsterten Button legen, statt das Icon selbst zum einzigen Trefferbereich zu machen.
  3. Halte Abstand zwischen benachbarten Bedienelementen, damit die Trefferbereiche sich nicht überlappen und das falsche Ziel auslösen.
  4. Prüfe die Bedienbarkeit mit einem echten Zeigegerät (Touchscreen, Trackpad), nicht nur mit dem präzisen Mauszeiger.

Zum Nachlesen