Membuat composable lebih mudah diakses

Coba buat composable di aplikasi Anda lebih mudah diakses. Langkah-langkah berikut dapat meningkatkan aksesibilitas composable Anda:

  • Jelaskan composable Anda
  • Tambahkan interaksi
  • Tangani UI yang kompleks

Jelaskan composable Anda

Untuk menjelaskan composable, deklarasikan properti semantiknya (seperti role, label, state, atau tindakan) menggunakan Modifier.semantics. Layanan aksesibilitas dapat membaca properti semantik ini dan menggunakan informasi tersebut untuk berinteraksi dengan dan mengumumkan UI.

Properti Role sangat penting karena memberikan konteks yang diperlukan agar layanan aksesibilitas dapat mengumumkan tujuan dan interaksi yang diharapkan dari suatu komponen. Misalnya, pertimbangkan ikon kustom yang berperilaku seperti tombol yang dapat diklik. Dengan menetapkan perannya ke Role.button, Anda dapat memastikan bahwa pembaca layar mengumumkannya sebagai elemen interaktif, bukan gambar statis.

Untuk mengetahui informasi selengkapnya, lihat Semantik.

Tambahkan interaksi

Untuk menambahkan interaksi ke composable, gunakan clickable atau toggleable pengubah. Pengubah ini dilengkapi dengan properti semantik bawaan yang dapat dibaca oleh layanan aksesibilitas. Untuk membuat gestur layar sentuh yang kompleks lebih mudah diakses, gunakan CustomAccessibilityAction.

Untuk mengetahui informasi selengkapnya, lihat Tindakan kustom.

Tangani UI yang kompleks

Meskipun Compose mendukung banyak fitur aksesibilitas secara default, UI yang lebih kompleks mungkin memerlukan perilaku yang lebih disesuaikan. Anda dapat membuat UI yang kompleks lebih mudah diakses dengan menyusun hierarki UI secara logis dan memberikan urutan pembacaan logis untuk dilalui oleh layanan aksesibilitas.

Strukturkan hierarki UI secara logis: Jika composable induk terdiri dari beberapa elemen turunan, Anda dapat menentukan secara eksplisit cara elemen tersebut dikelompokkan atau menggantinya sepenuhnya. Untuk mengetahui informasi selengkapnya, lihat Menggabungkan dan menghapus.

Kontrol urutan traversal: Jika urutan pembacaan default Compose tidak mencukupi, Anda dapat mengontrol secara manual cara pembaca layar menavigasi elemen UI. Untuk mengetahui informasi selengkapnya, lihat Mengubah urutan traversal.

Kontrol fokus: Untuk navigasi keyboard dan D-pad, Anda dapat mengganti urutan traversal fokus secara manual. Untuk mengetahui informasi selengkapnya, lihat Mengubah perilaku fokus dan Mengubah urutan traversal fokus.

Referensi lainnya

Untuk mengetahui informasi selengkapnya tentang cara membuat UI Anda dapat diakses, lihat referensi tambahan berikut:

Dokumentasi

Konten View