Touch-Targets

Mindestgrösse Muss

Interaktive Elemente müssen mindestens 24×24 CSS-Pixel gross sein (WCAG 2.5.8). Elemente, die kleiner sind, benötigen ausreichend Abstand zu benachbarten Targets.

Empfohlene Grösse Soll

Für eine komfortable Bedienung auf Touch-Geräten sollen interaktive Elemente mindestens 44×44 CSS-Pixel gross sein (WCAG 2.5.5, Level AAA).

Abstand zwischen Targets Muss

Zwischen benachbarten interaktiven Elementen muss genügend Abstand bestehen, um versehentliche Berührungen zu vermeiden. Besonders kritisch bei:

• Navigationsleisten mit vielen Links
• Formular-Checkboxen und Radio-Buttons
• Action-Buttons nebeneinander (z.B. «Löschen» neben «Bearbeiten»)

Ausnahmen

Von der Mindestgrösse ausgenommen sind:

• Inline-Links im Fliesstext
• Elemente, deren Grösse vom User Agent bestimmt wird
• Elemente, bei denen eine bestimmte Grösse gesetzlich oder funktional erforderlich ist