Kleine mobile Steuerelemente

Silktide lädt jede Seite auf einem simulierten Mobilgerät und meldet Links, Schaltflächen und Formularelemente, die zu klein sind, um zuverlässig angetippt zu werden. Steuerelemente müssen mindestens 12 Pixel breit und 12 Pixel hoch sein, um die Prüfung zu bestehen.

Warum das wichtig ist

Finger sind weniger präzise als Mauszeiger. Ein Steuerelement, das sich auf dem Desktop leicht anklicken lässt, kann auf einem Telefon nahezu unmöglich zu treffen sein – Besucherinnen und Besucher verfehlen es, tippen stattdessen auf den benachbarten Link und landen dort, wo sie es nicht beabsichtigt haben. Am stärksten betroffen sind Menschen mit motorischen Beeinträchtigungen, Zittern oder größeren Fingern, aber bei winzigen Zielen vertippen sich alle.

Die Schwelle von 12 Pixeln erfasst nur stark unterdimensionierte Steuerelemente; komfortable Tippziele sind deutlich größer (gängige Empfehlungen liegen bei etwa 44 Pixeln).

So beheben Sie das

Erhöhen Sie die Größe des markierten Steuerelements – größere Schrift, mehr Innenabstand (padding) oder eine explizite Mindestgröße in :

/* Geben Sie Tippzielen eine komfortable Mindestgröße */
a.icon-button {
  min-width: 44px;
  min-height: 44px;
}

Bei reinen Symbol-Links vergrößern Sie die tippbare Fläche mit Innenabstand über das Symbol hinaus, statt das Symbol selbst zu vergrößern.
Wenn ein Element überhaupt nicht interaktiv sein soll – z. B. ein leerer, übrig gebliebener Link –, entfernen Sie es statt es zu skalieren.

So testet Silktide das

Die Seite wird auf einem simulierten Mobilgerät geladen.
Alle interaktiven Steuerelemente werden ermittelt: Links, Bereiche von Image-Maps, Formularfelder, Dropdown-Menüs, Textbereiche und Schaltflächen.
Steuerelemente, die beim Laden der Seite verborgen sind, keine Größe haben oder vollständig außerhalb des sichtbaren Bereichs liegen, werden übersprungen.
Jedes verbleibende Steuerelement wird vermessen und diejenigen gemeldet, die schmaler oder niedriger als 12 Pixel sind.

Fehlerbehebung

Das Element erscheint erst nach einer Interaktion

Silktide misst die Seite beim Laden. Steuerelemente in Menüs oder Panels, die sich später öffnen, werden in ihrem Anfangszustand gemessen; gelegentlich kann dadurch ein Element mitten in der Animation beanstandet werden. Ist das Steuerelement in seinem tatsächlich nutzbaren Zustand komfortabel groß, Sie den Fund.

Wie verhält sich das zu den WCAG-Regeln zur Zielgröße?

Dieser Check ist eine Prüfung der mobilen Bedienbarkeit mit bewusst großzügiger Schwelle. Die zugehörigen -Prüfungen – Zielgröße auf Level AA und Angemessene Zielgröße auf – stellen strengere Größenanforderungen mit differenzierteren Ausnahmen.