Aksesibilitas

Desain gambar pahlawan dekoratif yang kehijauan

Menurut laporan tahun 2011 oleh Organisasi Kesehatan Dunia (WHO) dan Bank Dunia, sekitar 15% dari populasi global–yaitu, sekitar satu dari enam orang–mengalami disabilitas signifikan atau sementara dalam sepanjang hidup mereka. Oleh karena itu, aksesibilitas dalam desain adalah dasar untuk membuat aplikasi yang inklusif, dapat digunakan, dan berkualitas tinggi. Hal ini akan memberikan hasil terbaik bagi pengguna dan dapat mencegah pengerjaan ulang yang mahal. Android dilengkapi dengan berbagai fitur untuk membantu Anda membuat aplikasi agar mendukung opsi aksesibilitas secara default.

Mendesain untuk visi

Pastikan konten aplikasi mudah dibaca dengan memeriksa kontras warna dan ukuran teks, serta komponen dapat dipahami secara visual dan mudah dibedakan.

Ikuti panduan ini untuk mendesain aksesibilitas aksesibilitas.

  • Untuk memungkinkan pengguna menyesuaikan ukuran font, tentukan ukuran font dalam piksel skalabel (sp)
  • Jangan buat ukuran badan lebih kecil dari 12 sp. Panduan ini selaras dengan skala huruf Material sebagai default.
  • Pastikan kontras antara latar belakang dan teks minimal 4,5:1. Pelajari cara memeriksa kontras warna.
  • Gunakan rasio 3:1 antara permukaan dan elemen non-teks. Misalnya, rasio latar belakang terhadap ikon adalah 3:1.
  • Gunakan lebih dari satu kemampuan visual untuk melakukan tindakan seperti link.

Gunakan Sistem warna yang dapat diakses Material. Sistem warna ini berdasarkan palet tonal, dan merupakan pusat pembuatan skema warna secara default.

Ada dua blok teks. Blok pertama berwarna zaitun gelap, sedangkan blok teks kedua berwarna abu-abu gelap. Keduanya ditempatkan di latar belakang yang sangat gelap (hampir hitam). Pemanggilan teks zaitun gelap menunjukkan bahwa teks tersebut berada dalam nada 'primary30', dan gagal dalam pengujian rasio pada 1,83:1. Keterangan pada teks abu-abu menunjukkan bahwa teks tersebut menggunakan nada 'net40' dan masih gagal dalam pengujian rasio dengan rasio 2,65:1.
Gambar 1: Contoh kontras warna yang gagal dengan teks

Desain untuk suara

TalkBack adalah pembaca layar Google yang disertakan di perangkat Android yang memberikan kontrol mata kepada pengguna. Anda dapat mengujinya secara manual dengan mencari tahu aplikasi Anda dengan TalkBack atau dengan pemindai A11y.

Ikuti panduan ini untuk memastikan aplikasi Anda disiapkan untuk pembaca layar:

  • Menjelaskan elemen UI dalam kode Anda. Compose menggunakan properti Semantik untuk menginformasikan layanan aksesibilitas tentang informasi yang ditampilkan di elemen UI.
  • Untuk memenuhi persyaratan framework Android, berikan deskripsi tekstual tambahan untuk ikon dan gambar.
  • Tetapkan deskripsi item dekoratif ke null.
  • Agar dapat melewati blok tindakan dan konten, pertimbangkan perincian UI dan elemen UI grup.

Lihat Desain Desain untuk Implementasi di Material, yang akan memandu Anda melalui pertimbangan dan notasi aksesibilitas menggunakan Panduan Aksesibilitas Konten Web (WCAG).

Gambar 2: Elemen UI yang diberi label untuk aksesibilitas: judul, menyembunyikan gambar dekoratif, dan label tombol

Desain untuk audio

Android menyediakan fitur yang memungkinkan pengguna berinteraksi dengan perangkat mereka melalui berbagai perintah suara dan kueri.

Aplikasi Voice Access untuk Android memungkinkan Anda mengontrol perangkat dengan perintah lisan. Gunakan suara Anda untuk membuka aplikasi, memilih, dan mengedit teks secara handsfree.

Mendesain keterampilan motorik

Tombol Akses memungkinkan pengguna berinteraksi dengan perangkat Android Anda menggunakan satu atau beberapa perangkat, yang dapat berguna bagi pengguna dengan ketangkasan terbatas yang kesulitan berinteraksi langsung dengan layar sentuh.

Uji secara manual dengan mengeksplorasi akses tombol.

  • Jangan mengandalkan gestur untuk menyelesaikan semua tindakan; buat tindakan aksesibilitas untuk mendukung semua alur penggunaan di aplikasi Anda.
  • Pastikan semua target sentuh setidaknya 48 dp, meskipun ini melampaui visual elemen UI.
  • Pertimbangkan masukan sentuhan untuk membantu memberi tahu pengguna dengan input sensoris tambahan real-time.

UI di sebelah kiri memungkinkan pengguna untuk menghapusnya hanya dengan menggeser, sedangkan UI di sebelah kanan juga menyediakan kemampuan tambahan dalam bentuk tombol ikon sampah.
Gambar 3: UI di sebelah kiri memungkinkan pengguna hanya menghapus dengan menggeser, sedangkan UI di sebelah kanan juga memberikan kemampuan tambahan dalam bentuk tombol ikon sampah.