Bagikan melalui

Pembatasan aksesibilitas dalam aplikasi kanvas

  • Artikel

Anda dapat merancang dan membangun aplikasi kanvas yang dapat diakses dengan kontrol built-in. Terkadang, kombinasi desain aplikasi, penggunaan berbagai kontrol, dan properti kontrol yang dikonfigurasi dapat mengakibatkan aplikasi memiliki antarmuka pengguna yang tidak dapat diakses.

Pada artikel ini, Anda akan mempelajari tentang keterbatasan aksesibilitas dalam aplikasi kanvas dan bagaimana Anda dapat meningkatkan antarmuka aplikasi agar lebih mudah diakses?

Dialog dan overlay

Dialog dan antarmuka pengguna yang muncul di bagian atas konten lain tidak didukung. Overlay ini memerlukan manajemen fokus, menyembunyikan konten latar belakang dari pembaca layar, dan peran kontrol yang sesuai.

Pertimbangkan hal berikut:

Antarmuka tab

Antarmuka tab terdiri dari daftar tab dan panel yang menampilkan konten yang terkait dengan tab yang dipilih.

Satu-satunya kontrol bawaan yang mendukung antarmuka tab adalah daftar Tab. Hindari menggunakan Galeri untuk membuat tab. Daftar tab harus dapat dinavigasi dengan tombol panah. Peran kontrol dan status yang sesuai diperlukan.

Pertimbangkan hal berikut:

Tabel kustom

Satu-satunya kontrol built-in yang mendukung data dua dimensi adalah Tabel Data. Hindari penggunaan Galeri untuk menampilkan data dalam baris dan kolom. Baris dan kolom harus dianotasikan agar pengguna Pembaca dapat memahami strukturnya dan menavigasi sel.

Pertimbangkan hal berikut:

Kotak kombo kustom

Anda dapat mengemulasi kotak kombo dengan menggabungkan Input Teks dan Galeri. Namun, kotak kombo yang dirakit dari kontrol built-in tidak dapat diakses. Kotak kombo harus menangani tombol panah dan mengatur peran dan status yang sesuai pada komponennya.

Pertimbangkan hal berikut:

Konten yang dapat di-scroll

Pengguna keyboard tidak dapat menggulir Formulir, layar yang dapat di-scroll, dan Wadah jika tidak ada kontrol interaktif di dalamnya.

Untuk Galeri tanpa konten interaktif, Anda dapat mengatur TabIndeks di Galeri itu sendiri sehingga pengguna keyboard dapat fokus dan menggunakan tombol panah untuk menggulirnya.

Untuk Label, pengaturan TabIndex akan membuat mereka lebih fokus untuk menggulir keyboard. Namun, tombol juga akan mengubahnya menjadi tombol. Jangan membuat label dapat di-scroll jika tidak dimaksudkan untuk menjadi tombol. Pastikan Label cukup besar agar sesuai dengan teks. Properti AutoHeight dapat digunakan untuk secara otomatis menyesuaikan ukuran kontrol bila berada di dalam Formulir, layar dapat di gulir, atau Galeri.

Bagian yang dapat diperluas

Bagian yang dapat diperluas, juga dikenal sebagai pengungkapan, berisi konten yang tersembunyi hingga pengguna menekan tombol. Tidak ada dukungan built-in untuk elemen ini tetapi ada solusi.

Sebutkan status diperluas dalam AccessibleLabel tombol. Misalnya, "Tampilkan rincian lainnya. Diciutkan".

Perbarui AccessibleLabel bila status diperluas berubah. Posisikan konten yang diperluas segera setelah tombol tersebut agar Pembaca dapat menelusuri secara logis ke sana. Tekan konten lainnya ke bawah saat bagian diperluas.

Penanda utama

Anda dapat membuat heading dengan kontrol Label. Navigasi, banner, dan penanda utama lainnya tidak didukung. Power Apps akan secara otomatis menetapkan penanda utama ke layar aplikasi.

Untuk penanda utama lainnya, gunakan heading sebagai solusi.

Peran kustom dan status

Tidak ada dukungan built-in untuk peran kustom dan status. Oleh karena itu, tidak disarankan untuk membuat kotak centang gabungan, panel geser, dan pengalih dari kontrol built-in.

Pertimbangkan hal berikut:

  • Sebutkan peran dan status kontrol di AccessibleLabel miliknya. Contohnya, jika Ikon digunakan sebagai kotak centang, labelnya dapat merupakan "Aktifkan pemberitahuan. Check box. Dicentang".
  • Buat komponen kode yang menetapkan peran ARIA dan status WAI sebagaimana mestinya.

Penanganan keyboard kustom

Tidak mungkin merespons terhadap tekanan tombol tertentu. Misalnya, Anda tidak dapat memiliki perilaku kustom untuk tombol panah atau tombol Escape. Oleh karena itu, kontrol seperti daftar tidak dapat digunakan seperti tombol radio dari kontrol built-in. Anda juga tidak dapat membuat overlay yang dapat dihilangkan dengan tombol Escape.

Tombol Enter atau Spasi didukung dengan OnSelect. Namun, properti ini juga dipicu oleh metode input lain seperti klik mouse. Tidak ada cara untuk membedakan sumber aktivitas.

Manajemen fokus

Fungsi SetFocus dapat digunakan untuk mengubah fokus, namun hanya berfungsi dalam skenario terbatas.

Ini tidak akan mendeteksi kapan kontrol menerima atau kehilangan fokus.

Menyembunyikan konten dari pengguna Pembaca layar saja

Tidak ada aria-hidden setara untuk menampilkan konten kepada pengguna yang dapat melihat, tetapi menyembunyikannya untuk pengguna Pembaca layar. Hanya beberapa skenario yang didukung.

Langkah berikutnya

Properti aksesibilitas

Lihat juga