Share via

Praktik terbaik aksesibilitas

  • Artikel

Menerapkan praktik terbaik yang dijelaskan di bagian ini membantu memastikan bahwa aplikasi Anda dapat diakses oleh orang-orang yang menggunakan produk teknologi bantuan. Banyak dari praktik terbaik ini berfokus pada desain UI yang baik. Setiap praktik terbaik mencakup informasi implementasi untuk kontrol atau aplikasi. Dalam banyak kasus, banyak pekerjaan untuk memenuhi praktik terbaik ini sudah termasuk dalam kontrol.

Topik ini berisi bagian berikut.

Akses Terprogram

Praktik terbaik di bagian ini memastikan bahwa produk teknologi bantuan memiliki akses terprogram yang memadai ke informasi dan fungsionalitas UI.

Aktifkan Akses Terprogram ke semua Elemen dan Teks UI

Elemen UI aplikasi Anda harus dapat diakses secara terprogram untuk produk teknologi bantuan. Semua elemen UI harus memiliki label, mereka harus mengekspos semua nilai properti, dan harus menaikkan semua peristiwa yang sesuai. Untuk kontrol Windows standar, sebagian besar pekerjaan ini sudah dilakukan melalui objek proksi Microsoft UI Automation dan Microsoft Active Accessibility. Kontrol kustom, bagaimanapun, memerlukan pekerjaan tambahan untuk memastikan bahwa mereka sepenuhnya terekspos sehingga vendor teknologi bantuan dapat mengidentifikasi dan memanipulasi elemen UI aplikasi Anda.

Mengikuti praktik terbaik ini memungkinkan vendor teknologi bantuan untuk mengidentifikasi dan memanipulasi elemen UI produk Anda.

Tempatkan Nama, Judul, dan Deskripsi pada Objek, Bingkai, dan Halaman UI

Karena produk teknologi bantuan—terutama pembaca layar—gunakan judul untuk memahami lokasi bingkai, objek, atau halaman dalam skema navigasi, judul harus sangat deskriptif. Judul deskriptif yang baik memungkinkan produk teknologi bantuan untuk mengidentifikasi dan memanipulasi elemen UI dalam kontrol dan aplikasi. Misalnya, judul halaman web "Halaman Web Microsoft" tidak berguna jika pengguna telah menavigasi jauh ke area tertentu. Judul deskriptif sangat penting bagi pengguna yang buta dan bergantung pada pembaca layar.

Mengikuti praktik terbaik ini memungkinkan produk teknologi bantuan untuk mengidentifikasi dan memanipulasi UI dalam kontrol sampel dan aplikasi.

Pastikan Peristiwa Terprogram Dipicu oleh Semua Aktivitas UI

Aplikasi Anda harus menaikkan peristiwa setiap kali perubahan terjadi dalam status atau tampilan elemen UI.

Mengikuti praktik terbaik ini memungkinkan produk teknologi bantuan untuk mendengarkan perubahan di UI dan memberi tahu pengguna tentang perubahan ini.

Pengaturan Pengguna

Praktik terbaik di bagian ini memastikan bahwa kontrol atau aplikasi tidak mengambil alih pengaturan pengguna.

Hormati Semua System-Wide Pengaturan dan Jangan Mengganggu Fungsi Aksesibilitas

Pengguna dapat menggunakan Panel Kontrol untuk mengatur beberapa bendera di seluruh sistem; bendera lain dapat diatur secara terprogram. Pengaturan ini tidak boleh diubah oleh kontrol atau aplikasi. Selain itu, aplikasi harus mendukung pengaturan aksesibilitas sistem operasi host mereka.

Mengikuti praktik terbaik ini memungkinkan pengguna mengatur pengaturan aksesibilitas dan mengetahui bahwa pengaturan tersebut tidak akan diubah oleh aplikasi.

Desain UI Visual

Praktik terbaik di bagian ini memastikan bahwa kontrol atau aplikasi menggunakan warna dan gambar secara efektif dan dapat digunakan oleh produk teknologi bantuan.

Jangan Warna Kode Keras

Orang yang buta warna, memiliki penglihatan lemah, atau yang menggunakan layar hitam dan putih mungkin tidak dapat menggunakan aplikasi dengan warna yang dikodekan secara permanen.

Mengikuti praktik terbaik ini memungkinkan pengguna menyesuaikan kombinasi warna berdasarkan kebutuhan individu.

Mendukung Kontras Tinggi dan semua Atribut Tampilan Sistem

Aplikasi tidak boleh mengganggu atau menonaktifkan pengaturan kontras seluruh sistem yang dipilih pengguna, pilihan warna, atau pengaturan dan atribut tampilan di seluruh sistem lainnya. Pengaturan di seluruh sistem yang diadopsi oleh pengguna meningkatkan aksesibilitas aplikasi, sehingga tidak boleh dinonaktifkan atau diabaikan oleh aplikasi. Warna harus digunakan dalam kombinasi latar depan-latar belakang yang benar untuk memberikan kontras yang tepat. Warna yang tidak terkait tidak boleh dicampur, dan warna tidak boleh dibalik.

Banyak pengguna memerlukan kombinasi kontras tinggi tertentu, seperti teks putih pada latar belakang hitam. Menggambar ini terbalik, karena teks hitam pada latar belakang putih menyebabkan latar belakang berdarah di latar depan dan dapat membuat membaca sulit bagi beberapa pengguna.

Pastikan Semua UI Diskalakan dengan Benar dengan Pengaturan Setiap DPI

Pastikan bahwa semua elemen UI dapat diskalakan dengan benar oleh pengaturan titik per inci (dpi). Selain itu, pastikan elemen UI pas di layar 1024 x 768 dengan 120 titik per inci (dpi).

Navigasi Keyboard

Praktik terbaik di bagian ini memastikan bahwa semua fungsionalitas aplikasi dapat diakses oleh pengguna yang mengandalkan keyboard.

Sediakan Antarmuka Keyboard untuk Semua Elemen UI

Tab berhenti, terutama ketika direncanakan dengan hati-hati, memberi pengguna cara lain untuk menavigasi UI.

Aplikasi harus menyediakan antarmuka keyboard berikut:

  • Perhentian tab untuk semua kontrol yang dapat berinteraksi dengan pengguna, seperti tombol, tautan, atau kotak daftar.
  • Urutan tab logis.

Perlihatkan Fokus Keyboard

Pengguna perlu mengetahui objek mana yang memiliki fokus keyboard sehingga mereka dapat mengantisipasi efek penekanan tombol mereka. Untuk menyoroti fokus keyboard, gunakan warna, font, atau grafik seperti persegi panjang atau pembesaran. Untuk menyoroti fokus keyboard dengan lantang, ubah volume, pitch, atau kualitas tonal.

Untuk menghindari kebingungan, aplikasi harus menyembunyikan semua indikator fokus visual dan pilihan redup yang terletak di jendela tidak aktif (atau panel).

Aplikasi harus melakukan hal berikut dengan fokus keyboard:

  • Satu item harus selalu memiliki fokus keyboard.
  • Fokus keyboard harus terlihat dan jelas.
  • Pilihan dan/atau item yang difokuskan harus disorot secara visual.

Mendukung Standar Navigasi dan Skema Navigasi yang Kuat

Aspek navigasi keyboard yang berbeda menyediakan berbagai cara bagi pengguna untuk menavigasi UI.

Aplikasi harus menyediakan antarmuka keyboard berikut:

  • Tombol pintasan dan kunci akses bergaris bawah untuk semua perintah, menu, dan kontrol.
  • Pintasan keyboard ke tautan penting.
  • Semua item menu memiliki kunci akses; semua tombol memiliki kunci akselerator, semua perintah memiliki kunci akselerator.

Jangan Biarkan Lokasi Mouse Mengganggu Navigasi Keyboard

Lokasi tetikus tidak boleh mengganggu navigasi keyboard. Misalnya, jika mouse diposisikan di suatu tempat dan pengguna menavigasi dengan keyboard, klik mouse tidak boleh terjadi kecuali dimulai oleh pengguna.

Antarmuka Multi-modal

Praktik terbaik di bagian ini memastikan bahwa UI aplikasi menyertakan alternatif untuk elemen visual.

Menyediakan User-Selectable Setara untuk Elemen Non-Teks

Untuk setiap elemen nonteks, berikan setara yang dapat dipilih pengguna untuk teks, transkrip, atau deskripsi audio, seperti semua teks, keterangan, atau umpan balik visual.

Elemen non-teks mencakup berbagai elemen UI termasuk: gambar, wilayah peta gambar, animasi, applet, bingkai, skrip, tombol grafis, suara, file audio dan video yang berdiri sendiri. Elemen nonteks penting ketika berisi informasi visual, ucapan, atau informasi audio umum yang perlu diakses pengguna untuk memahami konten UI.

Gunakan Warna tetapi Juga Berikan Alternatif untuk Warna

Gunakan warna untuk meningkatkan, menekankan, atau mengulangi informasi yang ditunjukkan dengan cara lain, tetapi jangan mengomunikasikan informasi dengan menggunakan warna saja. Pengguna yang buta warna atau memiliki tampilan monokrom membutuhkan alternatif untuk warna.

Gunakan API Input Standar dengan Panggilan Independen-Perangkat

Panggilan independen perangkat memastikan bahwa semua perangkat input diperlakukan sama, sambil menyediakan produk teknologi bantuan dengan informasi yang diperlukan tentang UI.

Gambaran Umum WINDOWS Automation API