Zum Inhalt springen
A11ySignal
schwerwiegendWCAG 2.5.8 · AA

Alle Berührungsobjekte (touch targets) müssen 24 Pixel groß sein oder ausreichend Platz lassen.

target-size

Stellt sicher, dass Berührungsobjekte (touch targets) ausreichend groß sind und genügend Platz bieteen.

Das Kriterium dahinter

2.5.8 Zielgröße (Minimum)

Tippziele brauchen mindestens 24 × 24 CSS-Pixel — oder genug Abstand zueinander.

Stufe AA

Warum es diese Prüfung gibt

Kleine, dicht gedrängte Bedienelemente führen bei eingeschränkter Feinmotorik zu Fehlgriffen — und bei allen anderen im fahrenden Zug.

Was sie üblicherweise auslöst

  • fällt durchEine Reihe 16 Pixel großer Social-Icons.
  • fällt durchSeitenzahlen mit wenigen Pixeln Abstand.

So beheben Sie es

  • tunGeben Sie dem Ziel 24 × 24 Trefferfläche inklusive Innenabstand — das sichtbare Icon darf klein bleiben.
  • tunWo der Entwurf nicht wachsen kann, den Abstand erhöhen, sodass sich die 24-Pixel-Kreise nicht überlappen.

Wie es gemeldet wird

A11ySignal meldet das mit der Schwere schwerwiegend. Jedes fehlerhafte Element kommt mit seinem CSS-Selektor und dem Markup, das durchgefallen ist — Sie kommen also direkt zur Zeile, statt sie zu suchen. Deque veröffentlicht die Details auf Engine-Ebene:

https://dequeuniversity.com/rules/axe/4.13/target-size

Prüfung umgesetzt in axe-core 4.13.0, © Deque Systems, MPL-2.0.