Berührungsziele müssen ausreichend groß und mit genügend Abstand versehen sein
Berührungsziele müssen mindestens 24 x 24 CSS-Pixel groß sein. Wenn die Größe des Ziels unzureichend ist, sollte es möglich sein, einen virtuellen Kreis mit einem Durchmesser von 24 Pixeln um das Ziel zu zeichnen, ohne dass dieser andere Ziele oder deren Sicherheitsabstände überschneidet.
Warum es wichtig ist
Eine ausreichende Größe und ein angemessener Abstand von Berührungszielen sorgen dafür, dass Nutzer sie leicht aktivieren können, ohne versehentlich ein benachbartes Ziel zu treffen. Sind Berührungsziele zu klein oder zu dicht beieinander, kann dies besonders für Nutzer mit eingeschränkter Feinmotorik problematisch sein.
Behebung des Problems
Die tatsächliche Größe des Berührungsziels sowie der Abstand zu benachbarten Berührungszielen sollten überprüft und bei Bedarf angepasst werden.
Gutes Codebeispiel
<button style="font-size: 24px">Absenden</button>
<button>+</button>
<button style="margin-left: 10px">Angrenzendes Ziel</button>
Kopieren Schlechtes Codebeispiel
<button id="target">+</button>
<button style="margin-left: -10px">Angrenzendes Ziel</button>
Kopieren