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
Compose
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:
- Otvorite aplikaciju.
- Na sučelju pronađite sve elemente koji su namijenjeni za klikanje, dodir ili interakciju.
- 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.