Aksesibilitas di Jetpack Compose

Aksesibilitas sangat penting untuk membuat aplikasi inklusif yang dapat digunakan semua orang. Compose menyediakan dasar untuk mem-build UI yang mudah diakses sehingga membuat aplikasi Anda dapat digunakan oleh semua orang di mana saja.

Konsep utama

  • Semantik: Sistem yang merepresentasikan arti elemen UI untuk layanan aksesibilitas. Ini termasuk properti seperti deskripsi, status, dan tindakan yang dapat dilakukan pengguna.

  • Traversal: Urutan saat layanan aksesibilitas seperti TalkBack membuka elemen-elemen di layar. Anda dapat menyesuaikan urutan ini untuk pengalaman pengguna yang lebih baik.

  • Tindakan Aksesibilitas: Tindakan tertentu yang dapat dilakukan pengguna pada elemen UI, seperti klik, scroll, dan tutup. Aplikasi Anda menyampaikannya ke layanan aksesibilitas.

Memulai

Fondasi alat dan model aksesibilitas Compose adalah semantik. Lihat panduan Semantik di Compose untuk informasi selengkapnya.

Saat mengembangkan aplikasi, ingatlah langkah-langkah utama ini sejak awal untuk meningkatkan aksesibilitas aplikasi Compose Anda:

  • Mempertimbangkan ukuran target sentuh minimum: Pastikan elemen yang dapat diklik dan interaktif memiliki ukuran minimal 48 dp. Ini mematuhi panduan aksesibilitas Desain Material.
  • Menambahkan label klik: Jelaskan perilaku klik dengan pengubah clickable atau pengubah semantics jika Anda tidak memiliki akses langsung ke clickable.
  • Deskripsikan elemen visual: Gunakan parameter contentDescription untuk mendeskripsikan ikon dan gambar secara tekstual. Tetapkan contentDescription ke null untuk elemen dekoratif.
  • Menentukan judul: Gunakan properti pengubah semantics untuk menandai elemen sebagai judul untuk navigasi yang lebih mudah.
  • Mengontrol urutan traversal: Gunakan isTraversalGroup untuk menandai grup elemen yang harus dibaca bersama. Manfaatkan traversalIndex untuk lebih menyesuaikan urutan elemen dalam grup tersebut.

Untuk mengetahui informasi selengkapnya, lihat panduan Langkah-langkah penting untuk meningkatkan aksesibilitas Compose khusus.

Alat

  • TalkBack: Pembaca layar Google untuk Android. Aktifkan fitur ini untuk menguji cara kerja semantik aplikasi Anda bagi pengguna yang mengandalkan teknologi pendukung.
  • Layout Inspector: Memvisualisasikan dan men-debug hierarki semantik aplikasi Anda.
  • API pengujian Compose: Menulis pengujian yang berinteraksi dengan elemen semantik untuk menyatakan aksesibilitas UI Compose Anda.

Codelab

Untuk mempelajari lebih lanjut cara mendukung aksesibilitas dalam kode Compose, ikuti codelab Aksesibilitas di Jetpack Compose.

Referensi tambahan