3️⃣ 2.5.8 - Größe des Zielbereichs (Target Size)

AA 2.2 Design Umsetzung

Verbesserung der Bedienbarkeit von Steuerelementen durch Mindestgrößen oder ausreichenden Abstand zwischen Zielbereichen.

Funktionen, die über Zeigereingaben gesteuert werden, müssen eine Zielgröße von mindestens 24 x 24 px aufweisen. Alternativ kann ein Mindestabstand zwischen unterdimensionierten Zielbereichen sicherstellen, dass sie sich nicht überschneiden. Dies reduziert Fehleingaben und erleichtert die Bedienung, insbesondere auf Touchscreens oder bei motorischen Einschränkungen.
Ausnahmen:
- Äquivalent: Die Funktionalität ist über ein anderes Steuerelement erreichbar, das die Anforderungen erfüllt.
- Zeileninhalt: Ziele in einem Satz oder einer Zeile, deren Größe von der Zeilenhöhe abhängt, sind ausgenommen.
- Kontrolle durch Darstellungsprogramm: Die Größe wird vom Benutzeragenten (extern) festgelegt.

Sicherstellen, dass alle interaktiven Elemente mindestens 24 x 24 px groß sind oder ausreichend Abstand zu anderen Elementen haben.
Platzierung interaktiver Ziele so, dass sich benachbarte Ziele nicht überschneiden.

Definition von Mindestabmessungen für Steuerelemente in CSS (z. B. min-width und min-height).
Bereitstellung alternativer Mechanismen für Ziele, die kleiner als 24 x 24 px sind.

button {
  min-width: 24px;
  min-height: 24px;
}