Ausreichend große Bedienelemente

Silktide misst die Schaltflächen, Links und Formularelemente auf Ihren Seiten und meldet alle, die kleiner als 44 × 44 Pixel sind. Größere Bedienelemente sind für alle leichter präzise zu betätigen – insbesondere auf Touchscreens.

Warum das wichtig ist

Kleine Ziele erfordern eine Präzision, die viele Menschen nicht haben. Besuchende mit Zittern, eingeschränkter Geschicklichkeit oder größeren Fingern auf Touch‑Geräten verfehlen kleine Bedienelemente häufig, aktivieren das falsche oder benötigen mehrere Versuche. Großzügige Zielflächen machen Ihre Website für alle schneller und weniger frustrierend – nicht nur für Menschen mit motorischen Beeinträchtigungen.

Dies ist das -Erfolgskriterium 2.5.5 (Zielgröße – erweitert), eine Anforderung der . AAA ist ein ambitionierter Standard: Die meisten Websites bestehen diese Prüfung standardmäßig nicht, weil 44 × 44 Pixel größer ist als übliche Links und Schaltflächen. Wenn Sie auf Stufe AA hinarbeiten, konzentrieren Sie sich zunächst auf die verwandte Prüfung Abstand zwischen interaktiven Komponenten, die die AA-Anforderung von 24 × 24 Pixel prüft.

So beheben Sie das Problem

Vergrößern Sie zentrale Bedienelemente auf mindestens 44 × 44 Pixel, z. B. mit min-width, min-height oder Padding. Priorisieren Sie primäre Aktionen wie Navigation, Suche und Formularschaltflächen.
Wenn eine Vergrößerung eines Bedienelements nicht praktikabel ist, stellen Sie auf derselben Seite einen gleichwertigen Link oder ein gleichwertiges Bedienelement bereit, das die Größe erfüllt – Silktide überspringt kleine Links automatisch, wenn ein ausreichend großer Link mit demselben Ziel vorhanden ist.
Halten Sie ein Bedienelement in der aktuellen Form für akzeptabel – etwa weil es unter eine WCAG‑Ausnahme fällt, die diese Prüfung nicht erkennen kann –, können Sie den Fund oder das Element von der Prüfung ausschließen.

/* Problem: eine 30x30 Symbolschaltfläche */
.search-button {
  width: 30px;
  height: 30px;
}

/* Lösung: die 44x44-Empfehlung erfüllen */
.search-button {
  min-width: 44px;
  min-height: 44px;
}

So testet Silktide dies

Testet sowohl die mobile als auch die Desktop-Version jeder Seite; Ergebnisse können sich zwischen beiden unterscheiden.
Ermittelt die interaktiven Elemente: Links, Schaltflächen, Formularfelder und Bereiche von Image-Maps.
Ignoriert Elemente, die normalerweise nicht sichtbar sind, z. B. Inhalte, die für außerhalb des Sichtbereichs positioniert werden, sowie alle Elemente, die Sie von der Prüfung ausgeschlossen haben.
Ignoriert Bedienelemente, die direkt neben oder im Fließtext stehen, da die WCAG Ziele ausnimmt, die in einem Satz oder Textblock erscheinen.
Bei Links werden solche ignoriert, die ein Äquivalent haben: ein weiterer sichtbarer Link auf derselben Seite mit demselben Ziel, der mindestens 44 × 44 Pixel groß ist.
Meldet jedes verbleibende Element, das weniger als 44 Pixel breit oder 44 Pixel hoch ist. Größen werden vor dem Vergleich auf eine Nachkommastelle gerundet – entsprechend der Anzeige im Bericht.

Fehlerbehebung

Es werden nur einige Fehler aufgeführt

Silktide listet bis zu 100 Beispiele pro Seite auf. Da Fehler bei dieser Prüfung häufig sind, können auf einer Seite mehr vorkommen; das Korrigieren gemeinsamer Styles behebt oft viele Funde auf einmal.

WCAG erlaubt Ausnahmen, die diese Prüfung nicht erkennen kann

Die WCAG nimmt Ziele aus, deren Größe wesentlich ist, vom Browser statt von Ihren Styles festgelegt wird oder durch ein gleichwertiges Bedienelement an anderer Stelle auf der Seite dupliziert ist. Silktide erkennt die Ausnahmen „im Fließtext“ und „gleichwertiger Link“ automatisch; die übrigen erfordern Ihre Beurteilung. Genehmigen Sie entsprechende Funde.