User-Aid Logo
Zurück zur Übersicht

target-size

Detailinformationen zur WCAG-Regel

WCAG 2.2Ernsthaft

Stellen Sie sicher, dass Touch-Ziele eine ausreichende Größe und einen ausreichenden Abstand haben

Alle Touch-Ziele müssen mindestens 24 x 24 CSS-Pixel groß sein oder einen ausreichenden Abstand zu anderen Zielen haben.

Warum ist das wichtig?

Kleine oder eng beieinander liegende Touch-Ziele können für Benutzer mit motorischen Einschränkungen, Benutzer mit großen Fingern oder jeden, der ein Gerät in einer wackeligen Umgebung (wie öffentlichen Verkehrsmitteln) verwendet, schwierig zu aktivieren sein. Dies kann zu Frustration und zur versehentlichen Aktivierung benachbarter Steuerelemente führen.

Lösung

Stellen Sie sicher, dass alle Touch-Ziele mindestens 24x24 CSS-Pixel groß sind. Wenn ein Ziel kleiner ist, stellen Sie sicher, dass genügend Platz um es herum vorhanden ist, sodass ein Kreis mit einem Durchmesser von 24 Pixeln, der auf dem Ziel zentriert ist, nicht mit anderen Zielen überlappt.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.