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
Compose
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:
- Buka aplikasi.
- Identifikasi semua elemen yang dapat diklik, disentuh, atau digunakan berinteraksi dalam antarmuka.
- 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.