Veličina cilja dodira

Svaki element na zaslonu koji je namijenjen za klikanje, dodir ili neku drugu vrstu interakcije treba biti dovoljno velik za pouzdanu interakciju. Širina i visina tih elemenata trebala bi biti najmanje 48 dp, kako je navedeno u smjernicama za pristupačnost materijalnog dizajna.

Implementacija

View

Prilikom implementacije klikabilnih elemenata ili elemenata namijenjenih za dodir u izgledu razmislite o upotrebi dimenzija koje su u skladu s preporučenom veličinom za ciljeve dodira ili veće.

Ako se veličina tih kontrola određuje dinamički ili se mijenja ovisno o veličini njihovog sadržaja, razmislite o upotrebi atributa android:minWidth i android:minHeight za postavljanje donje granice njihovih dimenzija.

Da biste zadržali izvornu veličinu elementa View i istovremeno proširili njegovo područje koje se može dodirnuti, razmislite o upotrebi atributa TouchDelegate koji nadređenom izgledu omogućuje rukovanje događajima dodira u ime podređenog elementa View.

Savjet: Provjera pristupačnosti može otkriti i uzeti u obzir upotrebu elementa TouchDelegate samo na Androidu 10 i novijim verzijama. U ranijim verzijama Androida rezultati veličine cilja dodira mogu se prikazati čak i ako se taj API upotrebljava za povećanje ciljeva dodira na odgovarajuću veličinu.

Compose

Prilikom implementacije klikabilnih elemenata ili elemenata namijenjenih za dodir u sastavljenom elementu razmislite o upotrebi dimenzija koje su u skladu s preporučenom veličinom za ciljeve dodira ili veće.

Ako se veličina tih kontrola određuje dinamički ili se mijenja ovisno o veličini njihovog sadržaja, razmislite o upotrebi elementa Modifier.sizeIn za postavljanje donje granice njihovih dimenzija.

Da biste zadržali izvornu veličinu sastavljenog elementa i istovremeno proširili njegovo područje koje se može dodirnuti, razmotrite postavljanje nadređenog elementa kao clickable ili upotrijebite Modifier.mergeDescendants koji omogućuju aplikacijama za značajke pristupačnosti da fokusiraju samo veći nadređeni sastavljeni element te da mu šalju događaje klika.

Dizajn

Ciljevi dodira obuhvaćaju područje koje reagira na ulazne radnje korisnika. Ciljevi dodira veći su od vizualnih granica elementa: element kao što je ikona može biti veličine 24x24 dp, ali podloga koja ga okružuje obuhvaća cjelokupnu veličinu cilja dodira od 48x48 dp. U alatu Jetpack Compose materijalne komponente poput komponente Checkbox ili komponente Switch automatski dodaju udaljenost od ruba kako bi im dimenzija iznosila barem 48x48 dp. Ponekad se elementi ne mogu proširiti bez preklapanja područja koja se mogu dodirnuti, primjerice pri iznimno malim gumbima koji su blizu.

Da bi se osigurala uravnotežena gustoća i iskoristivost informacija, veličina ciljeva dodira trebala bi biti najmanje 48x48 dp, a razmak između njih najmanje 8 dp. Cilj dodira od 48 x 48 dp rezultira fizičkom veličinom od oko 9 mm, neovisno o veličini zaslona. Preporučena veličina cilja za objekte dodirnog zaslona iznosi od 7 do 10 mm.

Primjere možete pronaći u smjernicama za pristupačnost materijalnog dizajna.

Testiranje

Da biste ručno provjerili sadrži li korisničko sučelje aplikacije male ciljeve dodira:

1. Otvorite aplikaciju.
2. Na sučelju pronađite sve elemente koji su namijenjeni za klikanje, dodir ili interakciju.
3. Provjerite je li veličina svakog od tih elemenata 48 x 48 dp ili približno 9 mm.

Androidovi automatizirani alati za testiranje mogu otkriti male ciljeve dodira. Savjetujemo vam da pomoću Provjere pristupačnosti za Android ručno testirate aplikaciju na uređaju. Za automatizirana testiranja uključite provjeru pristupačnosti u testovima Espresso i Robolectric.