Veľkosť cieľa dotyku

Všetky prvky na obrazovke, na ktoré je možné kliknúť, klepnúť alebo je s nimi možné interagovať iným spôsobom, by mali byť dostatočne veľké, aby sa zaistilo ich spoľahlivé používanie. Skontrolujte, či tieto prvky majú šírku a výšku aspoň 48 dp tak, ako je to uvedené v pokynoch dostupnosti vzhľadu Material Design.

Implementácia

Zobrazenie

Keď do rozloženia implementujete prvky, na ktoré je možné kliknúť alebo klepnúť, zvážte použitie rozmerov, ktoré spĺňajú alebo prekračujú odporúčanú veľkosť cieľov klepnutia.

Ak veľkosť týchto ovládacích prvkov určíte dynamicky alebo ak budú meniť veľkosť podľa veľkosti svojho obsahu, zvážte aj nastavenie spodnej hranice ich rozmerov pomocou atribútov android:minWidth a android:minHeight.

Ak chcete zachovať pôvodnú veľkosť zobrazenia a zároveň rozšíriť oblasť klepnutia, zvážte použitie atribútu TouchDelegate, ktorý umožňuje nadradenému rozloženiu spracovávať dotykové udalosti v mene podradeného zobrazenia.

Tip: Kontrola dostupnosti dokáže zistiť a využívať údaje atribútu TouchDelegate iba v Androide 10 a novšom. V starších verziách Androidu sa výsledky veľkosti cieľa klepnutia môžu zobraziť aj vtedy, keď sa toto rozhranie API používa na zväčšenie cieľov klepnutia na vhodnú veľkosť.

Compose

Keď do prvku composable implementujete prvky, na ktoré je možné kliknúť alebo klepnúť, zvážte použitie rozmerov, ktoré spĺňajú alebo prekračujú odporúčanú veľkosť cieľov klepnutia.

Ak veľkosť týchto ovládacích prvkov určíte dynamicky alebo ak budú meniť veľkosť podľa veľkosti svojho obsahu, zvážte aj nastavenie spodnej hranice ich rozmerov pomocou atribútu Modifier.sizeIn.

Ak chcete zachovať pôvodnú prvku composable a zároveň rozšíriť oblasť klepnutia, zvážte nastavenie nadradeného prvku na clickable (klikateľný) alebo použitie atribútu Modifier.mergeDescendants. Službám dostupnosti tak umožníte označiť iba väčší nadradený prvok composable a tomu odosielať udalosti kliknutia.

Dizajn

Ciele klepnutia sú oblasti, ktoré reagujú na vstupy používateľa. Ciele klepnutia sú väčšie ako vizuálne hranice prvku: Môže sa zdať, že prvok (napríklad ikona) má rozmery 24 × 24 dp, ale odsadenie vypĺňajúce priestor okolo neho tvorí cieľ klepnutia s rozmermi 48 × 48 dp. V nástroji Jetpack Compose komponenty vzhľadu Material, ako sú Checkbox (začiarkavacie políčko) alebo Switch (prepínač) automaticky pridajú odsadenie tak, aby mali veľkosť aspoň 48 × 48 dp. V niektorých prípadoch, ako napríklad pri veľmi malých tlačidlách umiestnených blízko seba, sa prvky nedajú rozšíriť bez prekrývania oblastí klepnutia.

Zvážte použitie cieľov klepnutia s rozmermi aspoň 48 × 48 dp, ktoré oddeľuje najmenej 8 dp voľného priestoru. Zaistíte tým vyváženú hustotu a použiteľnosť informácií. Fyzická veľkosť cieľa klepnutia s rozmermi 48 × 48 dp je približne 9 mm, a to bez ohľadu na veľkosť obrazovky. Odporúčaná veľkosť cieľa v prípade objektov na dotykovej obrazovke je 7 až 10 mm.

Príklady nájdete v pokynoch dostupnosti vzhľadu Material Design.

Testovanie

Ak chcete manuálne overiť, či používateľské rozhranie aplikácie neobsahuje príliš malé ciele klepnutia, postupujte takto:

1. Otvorte aplikáciu.
2. Identifikujte všetky prvky rozhrania, na ktoré je možné kliknúť, klepnúť alebo s ktorými možno interagovať iným spôsobom.
3. Zaistite, aby všetky prvky mali rozmery 48 × 48 dp alebo aby každý ich rozmer bol približne 9 mm.

Automatické testovacie nástroje Androidu môžu odhaliť malé ciele klepnutia. Skúste manuálne otestovať aplikáciu v zariadení pomocou Kontroly dostupnosti pre Android. V prípade automatizovaných testov zapnite kontrolu dostupnosti v nástrojoch Espresso a Robolectric.