Jedes Bildschirmelement, das angeklickt, angetippt oder auf sonstige Weise verwendet werden kann, sollte groß genug sein, um eine zuverlässige Interaktion zu ermöglichen. Achten Sie darauf, dass die Breite und Höhe dieser Elemente mindestens 48 dp beträgt, wie in den Richtlinien für Bedienungshilfen in Material Design beschrieben.
Implementierung
View
Compose
Design
Berührungszielbereiche beinhalten den Bereich, der auf Eingaben des Nutzers reagiert, und reichen über die sichtbaren Grenzen des Elements hinaus: Ein Element, wie beispielsweise ein Symbol, scheint 24 x 24 dp groß zu sein. Der Rahmen, der das Element umgibt, füllt jedoch die komplette Zielelementgröße von 48 x 48 aus. In Jetpack Compose fügen Materialkomponenten wie Checkbox
oder Switch
automatisch einen Rand hinzu, sodass die Größe mindestens 48 x 48 dp beträgt. Bei sehr kleinen Schaltflächen mit geringem Abstand zueinander können Elemente nicht erweitert werden, ohne dass die antippbaren Bereiche sich überlappen.
Berührungszielbereiche sollten mindestens 48 x 48 dp groß sein und der Abstand zwischen einzelnen Elementen sollte mindestens 8 dp betragen. So wird gewährleistet, dass die Informationsdichte und die Nutzerfreundlichkeit ausgeglichen sind. Unabhängig von der Bildschirmgröße ist ein 48 x 48 dp großes Zielelement immer 9 mm groß. Die empfohlene Größe für Touchscreen-Objekte liegt bei 7–10 mm.
Beispiele finden Sie in den Richtlinien für Bedienungshilfen in Material Design.
Test
So stellen Sie manuell fest, ob die Benutzeroberfläche einer App kleine Berührungszielbereiche beinhaltet:
- Öffnen Sie die App.
- Suchen Sie in der Oberfläche alle Elemente, die angeklickt bzw. angetippt oder auf sonstige Weise verwendet werden können.
- Achten Sie darauf, dass die Größe der Elemente 48 x 48 dp bzw. die Dimension der Elemente jeweils 9 mm beträgt.
Mit den automatischen Testtools von Android können kleine Berührungszielbereiche erkannt werden. Sie können den Accessibility Scanner für Android verwenden, um Ihre App direkt auf einem Gerät manuell zu testen,. Wenn die Tests automatisch durchgeführt werden sollen, aktivieren Sie die Bedienungshilfetests von Espresso und Robolectric.