Elk element op het scherm waarop iemand klikt, tikt of op een andere manier interactie mee heeft, moet groot genoeg zijn voor een betrouwbare interactie. Je kunt controleren of deze elementen een breedte en hoogte van ten minste 48 dp hebben, zoals beschreven in de toegankelijkheidsrichtlijnen voor Material Design.
Implementatie
View
Als je klikbare of aanraakbare elementen in een indeling implementeert, raden we je aan afmetingen te gebruiken die gelijk zijn aan of groter zijn dan de aanbevolen afmetingen voor tikdoelen.
Als de afmetingen van deze besturingselementen dynamisch worden bepaald of als de afmetingen op basis van de grootte van de content worden bepaald, raden we je aan android:minWidth
en android:minHeight
te gebruiken om een ondergrens voor de afmetingen in te stellen.
Als je de oorspronkelijke afmetingen van een View
wilt behouden maar het aanraakbare gebied wilt uitbreiden, raden we je aan een TouchDelegate
te gebruiken, waarmee een bovenliggende indeling aanraakgebeurtenissen namens de onderliggende View
kan afhandelen.
Opmerking: Accessibility Scanner kan het gebruik van TouchDelegate
alleen detecteren en verwerken als je deze uitvoert op Android 10 en hoger. In eerdere Android-versies kunnen de resultaten voor tikdoelgrootte zelfs worden weergegeven als deze API wordt gebruikt om tikdoelen te vergroten tot een geschikt formaat.
Compose
Als je klikbare of aanraakbare elementen in een composable implementeert, raden we je aan afmetingen te gebruiken die gelijk zijn aan of groter zijn dan de aanbevolen afmetingen voor tikdoelen.
Als de afmetingen van deze besturingselementen dynamisch worden bepaald of als de afmetingen op basis van de grootte van de content worden bepaald, raden we je aan Modifier.sizeIn
te gebruiken om een ondergrens voor de afmetingen in te stellen.
clickable
te maken of Modifier.mergeDescendants
te gebruiken. Zo kunnen toegankelijkheidsservices alleen focussen op een grotere bovenliggende composable en klikgebeurtenissen daar naartoe sturen.Ontwerp
Tikdoelen bevatten het gebied dat op gebruikersinvoer reageert. Tikdoelen reiken verder dan de visuele grenzen van een element: een element zoals een icoon kan 24x24 dp groot lijken, maar de opvulling eromheen beslaat het volledige tikdoel van 48x48 dp. In Jetpack Compose voegen Material-componenten zoals Checkbox
en Switch
automatisch opvulling toe, zodat items minstens 48x48 dp groot zijn. In sommige gevallen, bijvoorbeeld als knoppen erg klein zijn of dicht bij elkaar staan, kunnen elementen niet worden uitgebreid zonder dat het aanraakbare gebied overlapt.
We raden je aan tikdoelen te maken van ten minste 48x48 dp, gescheiden door een ruimte van 8 dp of meer, om voor een goede balans tussen informatiedichtheid en bruikbaarheid te zorgen. Een tikdoel van 48x48 dp heeft een fysieke grootte van ongeveer 9 mm, ongeacht de grootte van het scherm. De aanbevolen grootte voor objecten op touchscreens is 7-10 mm.
Raadpleeg de toegankelijkheidsrichtlijnen voor Material Design voor voorbeelden.
Testen
Zo controleer je handmatig of de tikdoelen in de gebruikersinterface van een app groot genoeg zijn:
- Open de app.
- Identificeer alle klikbare, aanraakbare of interactieve elementen in de interface.
- Controleer of elk van deze elementen 48 x 48 dp groot is of ongeveer 9 mm in elke dimensie.
De geautomatiseerde testtools van Android kunnen kleine tikdoelen detecteren. Je kunt Accessibility Scanner voor Android gebruiken om je app handmatig op het apparaat te testen. Voor geautomatiseerde tests schakel je toegankelijkheidscontroles in Espresso en Robolectric in.