Każdy element na ekranie, który można kliknąć, dotknąć lub w inny sposób aktywować, powinien być na tyle duży, by umożliwiać niezawodną interakcję. Wysokość i szerokość tych elementów powinna wynosić co najmniej 48 dp, co zostało opisane w wytycznych dotyczących ułatwień dostępu w interfejsie Material Design.
Implementacja
View
Nowy post
Projektowanie
Docelowe elementy dotykowe zawierają obszar reagujący na działania użytkownika. Elementy te są większe niż widoczne granice danego elementu. Ikona może na przykład wyglądać, jakby miała wymiary 24 x 24 dp, ale otaczające ją dopełnienie składa się na docelowy element dotykowy o wymiarach 48 x 48 dp. W Jetpack Compose komponenty materiałowe takie jak Checkbox czy Switch automatycznie dodają dopełnienie, żeby uzyskać wymiary wynoszące co najmniej 48x48dp. W niektórych przypadkach, na przykład kiedy przyciski są bardzo małe lub są blisko siebie, po powiększeniu elementów obszary dotykowe będą się zawsze na siebie nakładać.
Postaraj się, by docelowe elementy dotykowe miały rozmiar co najmniej 48 x 48 dp i były otoczone odstępem o wielkości co najmniej 8 dp. Zapewni to zrównoważoną gęstość i użyteczność informacji. Docelowy element dotykowy o wymiarach 48 x 48 dp ma fizyczny rozmiar około 9 mm niezależnie od wielkości ekranu. Zalecany rozmiar docelowy obiektów na ekranie dotykowym to 7–10 mm.
Przykłady znajdziesz w wytycznych dotyczących ułatwień dostępu w interfejsie Material Design.
Testowanie
Aby ręcznie sprawdzić, czy interfejs użytkownika aplikacji nie zawiera małych docelowych elementów dotykowych:
- Otwórz aplikację.
- Zidentyfikuj w interfejsie wszystkie elementy, które można kliknąć, dotknąć lub w inny sposób aktywować.
- Sprawdź, czy każdy z nich ma rozmiar 48 x 48 dp lub około 9 mm w każdym wymiarze.
Narzędzia do automatycznego testowania na Androida wykrywają małe docelowe elementy dotykowe. Accessibility Scanner na Androida pozwala na ręczne przetestowanie aplikacji zainstalowanej na urządzeniu. Jeżeli chcesz przeprowadzać testy automatyczne, włącz sprawdzanie ułatwień dostępu w Espresso i Robolectric.