Zum Inhalt springenZum Inhalt springen

🗣️ Leichte Sprache · Stand: 27.05.2026  |  ← Normale Sprache
Mechanik-Modul · WCAG 2.5.5 · Stufe AAA

Touch-Target Size

Das Modul prüft Klick-Flächen. Diese müssen mindestens 44×44 Pixel groß sein. Das ist wichtig für Touch-Geräte.

Was es macht

Funktion in einem Satz — und in 3 Sätzen

Kleine Klick-Flächen sind ein Problem auf Touch-Geräten. Kleine Buttons sind schwer für Menschen mit motorischen Problemen. Auch Senioren und Menschen mit großen Daumen haben Schwierigkeiten. Die Richtlinie WCAG 2.5.5 sagt: Mindestens 44×44 Pixel. Das Modul prüft alle Buttons, Links und Symbole. Es meldet zu kleine Elemente.

So implementiert das Plugin es

Technische Maßnahmen

  • Klick-Flächen-Erfassung: alle `
  • Effective-Size-Berechnung: berücksichtigt `padding`, `border`, `box-sizing`.
  • Spacing-Check: prüft auch, ob benachbarte Targets nicht zu eng beieinander stehen (Spacing-Toleranz).
  • Auto-Padding-Fix (optional, vorsichtig): fügt `padding` ein, um auf 44×44 zu kommen — nur bei klar identifizierten Buttons.
  • Issue-Map: visuelle Heatmap im Admin, welche Elemente zu klein sind.
Im Plugin-Backend

Diese Einstellungen findest du im Modul-Tab

  • Mindestgröße: WCAG 2.5.5 (44×44) / strikt (48×48) / iOS-Empfehlung (44×44)
  • Auto-Fix-Modus: nur melden / mit explizitem Whitelist-Pattern / aggressiv
  • Heatmap im Admin: an / aus
  • Spacing-Toleranz (Default: 8 px zwischen Targets)

Du findest das Menü im Admin. Gehe zu WP-Admin, dann zu Barrierefreiheit, dann zu Module. Danach gehe zu Touch-Target Size.

Wann brauchst du das Modul?

Anwendungsfall

Jede mobile Seite muss das einhalten. Das ist sehr wichtig für Online-Shops. Auch Webseiten mit Buchungen und Anmeldungen müssen es beachten.

Verwandte Module

Das passt thematisch zusammen

  • Sichtbarer Fokus

    WCAG 2.4.11

    Sorgt für einen kräftigen, immer sichtbaren Fokus-Ring auf allen fokussierbaren Elementen — mit AAA-Kontrast.

  • Barrierefreie Formulare

    WCAG 3.3.1

    Repariert fehlende Labels, Pflichtfeld-Markierungen und Fehler-Verknüpfungen in Kontakt-, Bestell- und Login-Formularen.

  • Tastatur-Navigation

    WCAG 2.1.1

    Stellt sicher, dass jedes interaktive Element auch ohne Maus erreichbar ist — Tab, Enter, Pfeile, Esc.

Modul für deine Seite aktivieren?

Wir sprechen 15 Minuten über das Modul. Wir prüfen, ob es zu deinem Design und Inhalt passt. Wir erklären die Einrichtung.

15-Min-Erstgespräch
Alle Module ansehen

Normale Sprache