Membuat aplikasi lebih mudah diakses

Coba buat aplikasi Android Anda dapat digunakan oleh semua orang, termasuk orang dengan kebutuhan aksesibilitas.

Orang dengan gangguan penglihatan, buta warna, gangguan pendengaran, gangguan ketangkasan, gangguan kognitif, dan banyak gangguan lainnya menggunakan perangkat Android. Saat mengembangkan aplikasi dengan mempertimbangkan aksesibilitas, Anda akan membuat pengalaman pengguna menjadi lebih baik bagi orang yang memiliki kebutuhan aksesibilitas tersebut.

Halaman ini menyajikan pedoman untuk mengimplementasikan elemen utama aksesibilitas sehingga semua orang dapat menggunakan aplikasi Anda dengan lebih mudah. Untuk panduan yang lebih mendalam mengenai cara membuat aplikasi Anda lebih mudah diakses, lihat Prinsip-prinsip untuk meningkatkan aksesibilitas aplikasi.

Meningkatkan visibilitas teks

Untuk setiap kumpulan teks dalam aplikasi, sebaiknya gunakan kontras warna—atau perbedaan kecerahan yang dirasakan antara warna teks dengan warna latar belakang teks—untuk berada di atas nilai minimum tertentu. Nilai minimum yang tepat tergantung pada ukuran font teks dan apakah teks muncul dalam cetak tebal:

  • Jika teks lebih kecil dari 18 pt, atau jika teks dicetak tebal dan lebih kecil dari 14 pt, setel rasio kontras warna setidaknya ke 4,5:1.
  • Untuk semua teks lainnya, setel rasio kontras warna setidaknya 3:1.

Gambar berikut menampilkan dua contoh kontras warna teks dengan latar belakang:

Gambar yang menampilkan teks
Gambar 1. Kontras warna lebih rendah dari yang direkomendasikan (kiri) dan kontras warna yang memadai (kanan).

Untuk memeriksa kontras warna teks dengan latar belakang di aplikasi Anda, gunakan pemeriksa kontras warna online atau aplikasi Accessibility Scanner.

Menggunakan kontrol yang besar dan sederhana

UI aplikasi Anda lebih mudah digunakan jika kontrolnya lebih mudah dilihat dan diketuk. Sebaiknya setiap elemen UI interaktif memiliki area yang dapat difokuskan, atau ukuran target sentuh, setidaknya 48 dp x 48 dp. Ukuran yang lebih besar akan lebih baik.

Sebaiknya elemen UI tertentu memiliki ukuran target sentuh yang cukup besar, kedua kondisi berikut harus disetel ke benar (true):

Nilai padding memungkinkan ukuran yang terlihat dari suatu objek kurang dari 48 dp x 48 dp dengan tetap mempertahankan ukuran target sentuh yang direkomendasikan.

Cuplikan kode berikut menunjukkan elemen dengan ukuran target sentuh yang direkomendasikan:

<ImageButton ...
    android:paddingLeft="4dp"
    android:minWidth="40dp"
    android:paddingRight="4dp"

    android:paddingTop="8dp"
    android:minHeight="32dp"
    android:paddingBottom="8dp" />

Menjelaskan setiap elemen UI

Untuk setiap elemen UI di aplikasi Anda, sertakan deskripsi yang menjelaskan tujuan elemen. Pada kebanyakan kasus, Anda menyertakan deskripsi ini di atribut contentDescription elemen, seperti ditampilkan dalam cuplikan kode berikut:

<!-- Use string resources for easier localization. -->
<!-- The en-US value for the following string is "Inspect". -->
<ImageView
    ...
    android:contentDescription="@string/inspect" />

Saat menambahkan deskripsi ke elemen UI aplikasi, lakukan praktik terbaik berikut:

  • Jangan menyertakan jenis elemen UI dalam deskripsi konten. Pembaca layar akan otomatis mengucapkan jenis dan deskripsi elemen. Misalnya, jika memilih tombol menyebabkan tindakan "kirim" terjadi di aplikasi, buat deskripsi tombol "Submit", bukan "Submit button".

  • Setiap deskripsi harus unik. Dengan begitu, saat pengguna pembaca layar menemukan deskripsi elemen berulang, mereka akan mengenali dengan benar bahwa fokus berada pada elemen yang telah memiliki fokus sebelumnya. Secara khusus, setiap item dalam kelompok tampilan seperti RecyclerView harus memiliki deskripsi yang berbeda. Setiap deskripsi harus mencerminkan konten yang unik untuk item tertentu, seperti nama kota dalam daftar lokasi.

  • Jika minSdkVersion aplikasi adalah 16 atau yang lebih tinggi, Anda dapat menetapkan atribut android:importantForAccessibility ke "no" untuk elemen grafis yang hanya digunakan untuk efek dekoratif.

Referensi lainnya

Untuk mempelajari lebih lanjut cara menjadikan aplikasi lebih mudah diakses, lihat referensi tambahan berikut:

Codelab

Postingan blog