Velikost místa dotyku

Všechny prvky na obrazovce, na které lze kliknout či klepnout nebo které umožňují jinou interakci, musejí být dostatečně velké. U těchto prvků doporučujeme použít šířku a výšku minimálně 48 dp, jak je uvedeno v pokynech ohledně přístupnosti ve vzhledu Material Design.

Implementace

View

Pokud do rozvržení implementujete prvky, na které lze kliknout nebo klepnout, doporučujeme použít rozměry odpovídající minimálně doporučené velikosti míst dotyku.

Jestliže se velikost těchto ovládacích prvků bude určovat dynamicky nebo se bude měnit podle velikosti obsahu, doporučujeme nastavit dolní limit rozměrů pomocí atributů android:minWidth a android:minHeight.

Pokud chcete zachovat původní velikost prvku View, ale rozšířit jeho aktivní plochu pro klepnutí, zvažte použití objektu TouchDelegate, který umožňuje zpracovávat události klepnutí nadřazenému rozvržení namísto podřízeného prvku View.

Tip: Kontrola přístupnosti dokáže detekovat a zohlednit použití objektu TouchDelegate pouze při spuštění v systému Android 10 a novějším. Ve starších verzích systému Android se mohou zobrazit výsledky týkající se velikosti místa dotyku i v případě, že budou místa dotyku v tomto rozhraní API zvětšena na příslušnou velikost.

Nástroj Compose

Pokud do prvku composable implementujete prvky, na které lze kliknout nebo klepnout, doporučujeme použít rozměry odpovídající minimálně doporučené velikosti míst dotyku.

Jestliže se velikost těchto ovládacích prvků bude určovat dynamicky nebo se bude měnit podle velikosti obsahu, doporučujeme nastavit dolní limit rozměrů pomocí atributu Modifier.sizeIn.

Pokud chcete zachovat původní velikost prvku composable, ale rozšířit jeho aktivní plochu pro klepnutí, zvažte, že nastavíte jako klikatelný (clickable) nadřízený prvek, případně použijte atribut Modifier.mergeDescendants. Tak službám pro usnadnění přístupu umožníte vybrat pouze větší nadřízený prvek composable a tomu odesílat události kliknutí.

Návrh

Místa dotyku zahrnují oblast, která reaguje na vstup uživatele. Místo dotyku sahá za viditelné ohraničení prvku. Prvek, například ikona, může mít viditelnou velikost 24 × 24 dp, ale klikatelná oblast může mít velikost 48 × 48 dp (zahrnuje i odsazení okolo prvku). V nástroji Jetpack Compose, se u komponent designu Material, jako je Checkbox (zaškrtávací políčko) nebo Switch (přepínač) automaticky přidá odsazení, aby místo dotyku bylo nejméně 48 × 48 dp. V některých případech, například u velmi malých tlačítek ležících blízko sebe, nelze prvky rozšířit, aniž by se klikatelné oblasti překrývaly.

Abyste zajistili rovnováhu mezi hustotou informací a použitelností, doporučujeme nastavit místa dotyku minimálně na velikost 48 × 48 dp a ponechat mezi nimi místo alespoň 8 dp. Cíl klepnutí o velikosti 48 × 48 dp má fyzickou velikost zhruba 9 mm bez ohledu na velikost obrazovky. Doporučená velikost cíle pro objekty na dotykové obrazovce je 7–10 mm.

Příklady naleznete v pokynech ohledně přístupnosti ve vzhledu Material Design.

Testování

Chcete-li ručně ověřit, zda uživatelské rozhraní aplikace neobsahuje malé cíle klepnutí, postupujte takto:

1. Otevřete aplikaci.
2. Najděte v rozhraní všechny prvky, na které lze kliknout či klepnout, a další interaktivní prvky.
3. Zajistěte, aby všechny tyto prvky měly velikost 48 × 48 dp, čili zhruba 9 mm v každém rozměru.

Malé cíle klepnutí lze odhalit pomocí automatických testovacích nástrojů systému Android. K ručnímu otestování aplikace v zařízení doporučujeme použít nástroj Kontrola přístupnosti pro Android. Chcete-li spustit automatické testy, zapněte kontrolu přístupnosti v nástrojích Espresso a Robolectric.