IF Notes

Accessibility Implementation in Android Apps

4 min read

Back to Pengembangan Aplikasi Android

Implementasi Aksesibilitas di Aplikasi Android

Questions/Cues

  • Mengapa rasio kontras warna penting untuk aksesibilitas?
  • Bagaimana menentukan ukuran minimum target sentuh?
  • Kapan menggunakan atribut contentDescription?
  • Apa fungsi Accessibility Scanner?
  • Bagaimana TalkBack membantu pengguna?
  • Apa perbedaan Switch Access dengan navigasi biasa?

Reference Points

  • Android Development with Kotlin (Slides 87-96)

Konsep Dasar Aksesibilitas

Aksesibilitas dalam pengembangan aplikasi Android merujuk pada desain yang memungkinkan pengguna dengan berbagai kemampuan, termasuk penyandang disabilitas, untuk menggunakan aplikasi secara efektif. Ini mencakup penyesuaian antarmuka pengguna agar dapat diakses melalui screen reader, kontrol suara, atau perangkat input alternatif.

Contoh penting: Seorang pengguna tunanetra mengandalkan pembacaan layar (screen reader) untuk berinteraksi dengan aplikasi. Tanpa implementasi aksesibilitas yang tepat, elemen UI seperti tombol atau gambar tidak akan memiliki deskripsi yang memadai.

Alasan implementasi: Meningkatkan aksesibilitas tidak hanya bermanfaat bagi pengguna dengan kebutuhan khusus, tetapi juga meningkatkan pengalaman secara keseluruhan bagi semua pengguna, terutama dalam situasi dengan keterbatasan interaksi seperti lingkungan terang atau penggunaan satu tangan.

Kriteria Kontras Warna

Rasio kontras antara teks dan latar belakang harus memenuhi standar WCAG (Web Content Accessibility Guidelines):

  • Minimal 4.5:1 untuk teks berukuran kecil (<18pt biasa atau <14pt bold)
  • Minimal 3:1 untuk teks besar (≥18pt biasa atau ≥14pt bold)

Contoh implementasi: Untuk teks hitam (#000000) di latar putih (#FFFFFF), rasio kontrasnya 21:1 (memenuhi syarat). Sedangkan abu-abu (#808080) di putih hanya memiliki rasio 4.1:1 - tidak cukup untuk teks kecil.

Cara menguji: Gunakan alat seperti Colour Contrast Analyzer atau fitur bawaan Android Studio untuk memverifikasi rasio kontras langsung di file XML layout.

Ukuran Target Sentuh

Elemen interaktif seperti tombol harus memiliki ukuran minimum 48dp x 48dp meskipun ikon visualnya lebih kecil. Ini memastikan area sentuh yang cukup untuk pengguna dengan koordinasi motorik terbatas.

Teknik implementasi: Gunakan padding atau margin untuk memperluas area klik tanpa mengubah ukuran visual. Contoh XML:

 
<ImageButton
 
android:layout_width="wrap_content"
 
android:layout_height="wrap_content"
 
android:minWidth="48dp"
 
android:minHeight="48dp"
 
android:padding="12dp"/>

Praktik buruk: Tombol dengan ikon 24dp tanpa padding tambahan akan sulit disentuh oleh pengguna dengan tangan tremor.

Deskripsi Konten (Content Description)

Atribut android:contentDescription wajib diberikan pada semua elemen non-teks (ImageButton, ImageView) untuk dibacakan oleh screen reader. Untuk elemen dekoratif murni, gunakan android:importantForAccessibility="no".

Contoh implementasi:

 
<ImageView
 
android:id="@+id/icon_search"
 
android:contentDescription="@string/search_icon_desc"/>

Di file strings.xml:

 
<string name="search_icon_desc">Tombol pencarian, ketuk untuk membuka kolom pencarian</string>

Kesalahan umum: Mengulangi teks yang sudah terlihat (“Tombol OK”) daripada memberikan konteks tambahan (“Kirim formulir kontak”).

Alat Bantu Aksesibilitas

Accessibility Scanner: Aplikasi yang menganalisis UI dan memberikan rekomendasi perbaikan untuk kontras warna, ukuran target sentuh, dan label konten. Diaktifkan melalui Settings > Accessibility > Accessibility Scanner.

TalkBack: Screen reader bawaan Android yang membaca elemen UI secara lisan. Pengguna navigasi dengan gestur seperti:

  • Geser kiri/kanan: Pindah antar elemen
  • Ketuk ganda: Aktivasi elemen terpilih

Switch Access: Mengontrol perangkat dengan satu atau beberapa sakelar eksternal, cocok untuk pengguna dengan mobilitas terbatas. Mode pemindaian menyoroti elemen UI secara berurutan hingga dipilih.

Summary

Aksesibilitas aplikasi Android memastikan pengalaman pengguna yang inklusif melalui implementasi kontras warna minimal 4.5:1, target sentuh 48dp, dan deskripsi konten bermakna. Alat seperti Accessibility Scanner membantu mengidentifikasi masalah, sementara TalkBack dan Switch Access memberikan alternatif navigasi. Penerapan yang baik tidak hanya memenuhi standar legal tetapi juga memperluas basis pengguna dengan meningkatkan usability secara universal.

Graph View

Backlinks