Zum Inhalt springen
Pandus
de Sprache ändern
Menü

WCAG-A/AA-Anforderung Priorität: Mittel

Buttons und Links sind zu klein zum bequemen Antippen

Einige Buttons oder Links sind kleiner als 24 × 24 Pixel und liegen zu dicht an benachbarten Elementen.

Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.

Warum das für Ihre Kunden wichtig ist

Kunden auf dem Smartphone und Menschen mit Zittern oder eingeschränkter Handkontrolle tippen versehentlich auf die falsche Farbe, Größe oder Menge. Das führt zu Fehlbestellungen und Frust.

Wen es betrifft

  • Kunden auf dem Smartphone
  • Menschen mit motorischen Einschränkungen
  • ältere Kundinnen und Kunden
  • Menschen, die das Gerät mit einer Hand bedienen

So beheben Sie es

Gestalten Sie interaktive Ziele mindestens 24×24 CSS-Pixel groß oder lassen Sie so viel Abstand, dass ein Kreis von 24px um jedes kleine Ziel kein anderes Ziel berührt. Prüfen Sie Farbfelder (Swatches), Mengen-Buttons, Schließen-Icons und Seitennavigation. Links innerhalb von Sätzen sind ausgenommen.

Bei Shopify

Meist Varianten-Swatches, Mengen-Buttons oder Icons im Theme. Vergrößern Sie Größe oder Innenabstand (padding) im CSS des Themes; prüfen Sie auch App-Widgets.

Bei Shoptet (CZ)

Meist Swatches oder Icons im Template. Vergrößern Sie Größe oder Innenabstand über eigenen CSS-Code.

Bei PrestaShop

Meist Eigenschafts-Swatches, Mengen-Buttons oder Icons im Theme. Vergrößern Sie Größe oder Innenabstand im Custom-CSS des Themes.

Bei WooCommerce

Meist Varianten-Swatches, Mengenfelder oder Icons aus dem Theme oder aus Plugins. Vergrößern Sie Größe oder Innenabstand im CSS des Child-Themes.

Standards

Standards
StandardAbschnitt
WCAG 2.2 2.5.8 (AA) Target Size (Minimum)
EN 301 549 4.1.1 9.2.5.8

Automatische Prüfung: axe-core-Regel target-size. dequeuniversity.com, github.com, www.w3.org, www.etsi.org

Ähnliche Prüfungen

Alle Regeln, die wir prüfen