Ukuran target sentuh

Semua elemen pada layar yang dapat diklik, disentuh, atau digunakan berinteraksi harus berukuran cukup besar untuk menghasilkan interaksi yang andal. Sebaiknya pastikan bahwa lebar dan tinggi elemen ini minimal 48 dp, seperti yang dijelaskan dalam Panduan Aksesibilitas Desain Material.

Penerapan

Tampilan

Saat Anda menerapkan elemen yang dapat diklik atau disentuh dalam suatu tata letak, pertimbangkan untuk menggunakan dimensi target sentuh yang sesuai dengan atau melebihi ukuran yang disarankan.

Jika ukuran kontrol ini berubah secara dinamis, atau menyesuaikan dengan ukuran kontennya, pertimbangkan untuk menggunakan android:minWidth dan android:minHeight untuk menetapkan batas bawah pada dimensinya.

Untuk mempertahankan ukuran asli View ketika meluaskan area yang dapat disentuh, pertimbangkan untuk menggunakan TouchDelegate, yang memungkinkan tata letak induk untuk menangani peristiwa sentuh mewakili View turunan.

Tips: Accessibility Scanner hanya dapat mendeteksi dan memperhitungkan penggunaan TouchDelegate saat berjalan di Android 10 dan yang lebih baru. Pada versi Android sebelumnya, hasil ukuran target sentuh dapat terlihat meskipun API ini digunakan untuk memperbesar target sentuh ke ukuran yang sesuai.

Compose

Saat Anda menerapkan elemen yang dapat diklik atau disentuh dalam suatu composable, pertimbangkan untuk menggunakan dimensi target sentuh yang memenuhi atau melebihi ukuran yang disarankan.

Jika ukuran kontrol ini berubah secara dinamis, atau menyesuaikan dengan ukuran kontennya, pertimbangkan untuk menggunakan Modifier.sizeIn untuk menetapkan batas bawah pada dimensinya.

Untuk mempertahankan ukuran asli composable saat memperluas area yang dapat disentuh composable tersebut, pertimbangkan untuk membuat ancestor clickable atau gunakan Modifier.mergeDescendants, yang memungkinkan layanan aksesibilitas untuk berfokus hanya pada composable ancestor yang lebih besar dan mengirimkan peristiwa klik kepadanya.

Desain

Target sentuh mencakup area yang merespons input pengguna. Target sentuh melampaui batas visual elemen: Elemen seperti ikon dapat terlihat sebesar 24x24 dp, tetapi pinggiran yang mengelilinginya mencakup target sentuh 48x48 dp penuh. Di Jetpack Compose, komponen Material seperti Checkbox atau Switch otomatis menambahkan padding untuk memastikan ukurannya minimal 48x48dp. Dalam beberapa kasus, seperti tombol yang berdekatan atau berukuran terlalu kecil, elemen tidak dapat diperluas tanpa menyebabkan area yang dapat disentuh tumpang tindih.

Pertimbangkan untuk membuat target sentuh dengan ukuran minimal 48x48 dp, yang terpisah oleh ruang selebar 8dp atau lebih, untuk memastikan kepadatan dan kegunaan informasi yang seimbang. Target sentuh 48x48 dp menghasilkan ukuran fisik sekitar 9 mm, terlepas dari ukuran layar. Ukuran target yang direkomendasikan untuk objek layar sentuh adalah 7-10 mm.

Contohnya, baca Panduan Aksesibilitas Desain Material.

Pengujian

Untuk memverifikasi secara manual bahwa antarmuka pengguna aplikasi tidak berisi target sentuh berukuran kecil:

1. Buka aplikasi.
2. Identifikasi semua elemen yang dapat diklik, disentuh, atau digunakan berinteraksi dalam antarmuka.
3. Pastikan setiap elemen tersebut memiliki ukuran 48x48 dp, atau kira-kira 9 mm di setiap dimensinya.

Alat pengujian otomatis Android dapat mendeteksi target sentuh berukuran kecil. Pertimbangkan untuk menggunakan Accessibility Scanner untuk Android guna menguji aplikasi di perangkat secara manual. Untuk pengujian otomatis, aktifkan pemeriksaan aksesibilitas di Espresso dan Robolectric.