Standards · WCAG 2.2

SC 2.5.5 Stufe AAA WCAG 2.1

Zielgröße (Erweitert)

Interaktive Ziele sollten mindestens 44 × 44 CSS-Pixel groß sein. Dies ist die AAA-Anforderung für erweiterte Zielgröße; der AA-Mindestwert gemäß 2.5.8 beträgt 24 × 24 Pixel.

Was gefordert wird

Jedes interaktive Ziel muss eine Trefferzone von mindestens 44 × 44 CSS-Pixeln aufweisen. Es gelten dieselben Ausnahmen wie beim AA-Erfolgskriterium 2.5.8: gleichwertiges Ziel verfügbar, Inline-Text, Steuerung durch den User-Agent, Wesentlichkeit und Konformität.

44 × 44 ist der Wert, auf den Apple, Google und Microsoft in ihren eigenen Designrichtlinien übereinstimmen. Die Erfüllung dieses Erfolgskriteriums passt daher in der Regel zu den Plattform-UI-Normen, anstatt ihnen entgegenzustehen.

So wird die Anforderung erfüllt

  • min-width: 44px; min-height: 44px auf Schaltflächen, nur-Symbol-Steuerelementen, Formularfeldern und allen Tippzielen setzen.
  • Innenabstand (Padding) in kleinen Symbol-Schaltflächen nutzen, um die Trefferzone auf 44 × 44 zu vergrößern, auch wenn das Symbol selbst 16–24 Pixel groß ist.
  • Paginierung, Brotkrumenpfade, mobile Navigation, Aktionssymbole in Tabellenzeilen, Chip-Entfernen-Schaltflächen und schwebende Aktionsschaltflächen zuerst prüfen.
  • Bei Steuerelementen, die visuell klein sein müssen, sicherstellen, dass 44 × 44 Pixel freier Raum um sie herum bestehen (keine weiteren Ziele innerhalb dieses Radius).

Häufige Fehler

  • Symbol-Schaltflächen in Werkzeugleisten mit 24 × 24 oder 32 × 32 Pixeln — AA wird erfüllt, AAA nicht.
  • Paginierungsreihen mit 30-Pixel-Feldern.
  • Dichte Aktionsbereiche in Tabellenzeilen, bei denen Bearbeiten / Duplizieren / Löschen dicht nebeneinanderstehen.
  • Chip-Entfernen-×-Schaltflächen mit 12–20 Pixeln.

Warum es wichtig ist

Der Mindestwert von 44 × 44 Pixeln ist die Schwelle, ab der Fehltipps für Nutzende mit Parkinson, essentiellem Tremor, Multipler Sklerose und anderen motorischen Einschränkungen sowie für alle, die ein Telefon einhändig in Bewegung verwenden, auf nahezu null sinken. AAA-Erfolgskriterien sind normalerweise nicht für die Konformität vorgeschrieben, aber viele regulierte Branchen (Bankwesen, Behörden, Gesundheitswesen) streben AAA für mobile Oberflächen an — gerade weil Mobilgeräte motorisch eingeschränkte Nutzende überproportional benachteiligen. Wer 2.5.8 bereits erfüllt, muss in der Regel nur eine Tailwind-Klasse ändern, um von 24 auf 44 Pixel zu kommen.