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
Wprowadzając do layoutu elementy, które można kliknąć lub dotknąć, staraj się, by ich wymiary były co najmniej takie jak zalecane dla docelowych elementów dotykowych.
Jeśli rozmiar tych elementów jest ustalany dynamicznie lub zmienia się na podstawie rozmiaru ich zawartości, rozważ użycie atrybutów android:minWidth i android:minHeight, by wyznaczyć dolną granicę ich wymiarów.
Aby zachować pierwotny rozmiar elementu View podczas rozwijania jego obszaru dotykowego, rozważ użycie klasy TouchDelegate, która umożliwia layoutowi nadrzędnemu obsługę zdarzeń dotyku w imieniu podrzędnego elementu View.
Wskazówka: Accessibility Scanner jest w stanie wykrywać i uwzględniać użycie funkcji TouchDelegate tylko w Androidzie 10 i nowszych. We wcześniejszych wersjach Androida wyniki dotyczące docelowych elementów dotykowych mogą być wyświetlane nawet wtedy, gdy ten interfejs API jest używany do ich powiększania do odpowiedniego rozmiaru.
Nowy post
Kiedy wprowadzasz w funkcji kompozycyjnej elementy, które można kliknąć lub dotknąć, staraj się, by ich wymiary były co najmniej takie jak zalecane dla docelowych elementów dotykowych.
Jeśli rozmiar tych elementów jest ustalany dynamicznie lub zmienia się na podstawie rozmiaru ich zawartości, rozważ użycie modyfikatora Modifier.sizeIn, aby wyznaczyć dolną granicę ich wymiarów.
clickable lub użycie modyfikatora Modifier.mergeDescendants, co umożliwi usługom ułatwień dostępu zaznaczanie tylko większego większej nadrzędnej funkcji kompozycyjnej i wysyłanie do niej zdarzeń kliknięcia.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.