Alat aksesibilitas - AccScope
Alat AccScope memungkinkan pengembang dan penguji mengevaluasi aksesibilitas aplikasi mereka selama pengembangan dan desain aplikasi, bukan pada fase pengujian akhir siklus pengembangan aplikasi. Pengujian bahkan dapat dimulai pada fase prototipe awal. AccScope dapat memvisualisasikan bagaimana pembaca layar mengekspos informasi Automation UI yang disediakan aplikasi, dan dapat menampilkan area di mana Anda mungkin ingin menambahkan info atau dukungan ke aplikasi Anda untuk meningkatkan aksesibilitasnya.
Catatan
AccScope adalah alat warisan. Sebaiknya gunakan Accessibility Insights sebagai gantinya.
Tentang AccScope
AccScope diinstal dengan Windows Software Development Kit (SDK). Ini terletak di folder \bin\<version>\<platform>\AccScope dari jalur penginstalan SDK. Jalankan program AccScope.exe.
AccScope adalah aplikasi desktop, bukan aplikasi Windows Store. Anda dapat menggunakannya untuk melihat aplikasi apa pun yang muncul sebagai jendela, termasuk aplikasi desktop, atau aplikasi Windows Store.
Anda mungkin perlu menjalankan AccScope sebagai administrator saat pertama kali menggunakannya, untuk mengaktifkan mode Narator.
AccScope tersedia sebagai bagian dari biner alat aksesibilitas, di Windows SDK. Ini tidak didistribusikan sebagai unduhan exe terpisah dan tidak ada di SDK sebelumnya.
Opsi menu file
- Pilih Refresh untuk menyegarkan semua info di AccScope agar sesuai dengan status jendela target saat ini. Untuk UI yang berisi sejumlah besar elemen, ini dapat memakan waktu beberapa detik untuk diselesaikan.
- Centang atau hapus centang Selalu di Atas untuk mengubah perilaku jendela antarmuka pengguna AccScope . Selalu di Atas diperiksa adalah default.
- Pilih Keluar untuk keluar dari AccScope.
Lihat opsi
Pilih Layar Penuh untuk menjalankan alat AccScope dalam tampilan layar penuh (lalu gunakan tab untuk melihat jendela target). Jika AccScope dan aplikasi target menjalankan layar penuh, penempatan, persegi panjang pembatas, dan visualisasi keseluruhan elemen akan sesuai antara aplikasi Anda dan tampilan AccScope.
Catatan
AccScope dan targetnya harus dijalankan pada tampilan yang sama.
Pilih Fokus Otomatis untuk mengaktifkan AccScope untuk mengubah jendela target setiap kali pengguna memindahkan fokus ke jendela (menggunakan mouse atau keyboard).
Pilih Refresh Otomatis untuk mengaktifkan mode AccScope yang me-refresh semua data aksesibilitas jendela target setiap 5 detik. Ini berguna jika data Otomatisasi UI Microsoft dari jendela target berubah terus-menerus.
Pilih Wilayah Langsung untuk menyoroti wilayah langsung apa pun yang mengeluarkan pemberitahuan di jendela target. Peristiwa wilayah langsung menampilkan popup merah yang memiliki info tentang wilayah langsung termasuk namanya dan nilai "aria-live" (atau analog nilai ARIA yang setara untuk aplikasi yang tidak secara langsung menggunakan HTML tetapi menggunakan konsep Wilayah Langsung dalam dukungan Otomatisasi UI).
Mode Elemen
Anda dapat memilih untuk melihat jendela target melalui salah satu mode ini:
- Kontrol Daun: Menampilkan tampilan Automasi UI elemen Kontrol dengan hubungan induk-anak, dengan kata lain tampilan kontrol interaktif "tingkat daun". Gunakan opsi ini untuk melihat apakah semua kontrol interaktif muncul dengan benar di pohon Automation UI untuk tampilan Kontrol .
- Pola Teks: Menampilkan rentang teks kontainer TextPattern yang terlihat dari jendela target. Gunakan opsi ini untuk secara visual mewakili rentang teks yang terlihat dari elemen TextPattern Automation UI.
- Narator: Menampilkan elemen Automation UI yang dapat diidentifikasi Narator menggunakan metafora Narator 'navigasi item'.
- Filter Kustom: Memperlihatkan pohon kontrol yang difilter dengan pilihan subset kontrol: Tombol, Kotak Centang, Kotak Kombo, Kisi, Hyperlink, Daftar, Menu atau Tabel.
Mengubah pengaturan Mode Elemen memicu refresh visualisasi. Untuk UI yang berisi sejumlah besar elemen, ini dapat memakan waktu beberapa detik untuk diselesaikan.
Opsi tata letak
Anda dapat memilih Visual atau Daftar sebagai mode visualisasi untuk tata letak AccScope. Visual menempatkan elemen dalam ruang koordinat dalam hubungan yang sama dengan jendela target. Daftar mengurutkan elemen dalam daftar menurun yang diratakan kiri di jendela AccScope dan urutan daftar setara dengan urutan tab atau urutan baca.
- Pilih opsi dari Tampilkan Gambar untuk mengontrol kapan persegi panjang sederhana untuk elemen gambar digantikan oleh gambar aktual (atau viewport kecil gambar tersebut, karena sering kali persegi panjang lebih kecil dari gambar aktual). Defaultnya adalah On Hover, yang menampilkan gambar saat Anda menavigasi dalam AccScope dan mengarahkan mouse ke atas persegi panjang untuk elemen gambar. Pilihan alternatif selalu atau Tidak Pernah.
- Pilih Perlihatkan TipsAlat untuk menampilkan info elemen dasar setiap kali Anda mengarahkan mouse ke elemen dalam visualisasi AccScope . Jika Mode Elemen adalah Kontrol Daun atau Pola Teks, info yang ditampilkan dalam tipsalat adalah properti Automasi UI tingkat elemen prioritas tertinggi. Jika Mode Elemen adalah Narator, info menyertakan teks yang akan dibaca Narator untuk elemen tersebut.
- Pilih Perlihatkan Angka untuk menampilkan nomor urut yang menunjukkan urutan render kontrol dalam tata letak. Skema angka didasarkan pada pengaturan Mode Elemen:
- Kontrol Daun: angka menunjukkan urutan di mana kontrol daun muncul di pohon Automation UI.
- Pola Teks: angka menunjukkan urutan rentang teks muncul dalam rentang dokumen.
- Narator: angka menunjukkan urutan di mana elemen dinavigasi di navigasi item Narator.
Memilih jendela
Di bawah Jendela label, Anda akan menemukan dropdown yang mencantumkan semua jendela HWND yang saat ini aktif pada sistem. Teks untuk setiap jendela yang muncul di daftar dropdown adalah judul jendela, dan juga ID jendela hex dalam tanda kurung siku. Pilih salah satu dari ini untuk mengubah jendela target yang dilaporkan AccScope . Anda dapat memilih item yang sama lagi untuk mendapatkan perilaku yang sama dengan Refresh eksplisit.
Menggunakan visualisasi AccScope
Gambar di bawah ini adalah cuplikan layar visualisasi AccScope . Cuplikan layar khusus ini menunjukkan alat AccScope yang melihat jendela tingkat atas untuk output sampel aksesibilitas XAML, berjalan sebagai aplikasi pada komputer yang sama. Cuplikan layar ini memperlihatkan mode elemen default Kontrol Daun dan nilai Visual untuk Tata Letak.
Perhatikan bagaimana visualisasi ini mewakili kontrol dalam perkiraan ruang koordinat yang akan Anda lihat di aplikasi. Tetapi alih-alih menunjukkan visual XAML, atau teks lengkap kontrol teks, ini menunjukkan nilai properti Nama yang berasal dari setiap elemen kontrol, menggunakan Automasi UI.
Selain opsi menu yang dijelaskan sebelumnya Anda juga dapat menggunakan teknik ini:
- Klik persegi panjang elemen apa pun di visualisasi Visual atau Daftar untuk menampilkan popup Properti UIA. Ini mencantumkan sejumlah properti Automasi UI penting untuk elemen tersebut termasuk beberapa properti IUIAutomationElement standar dan info lain seperti nilai ARIA dan deskripsi Penyedia.
- Klik kanan pada persegi panjang elemen apa pun di visualisasi Visual atau Daftar untuk menampilkan menu konteks untuk menjalankan pola yang didukung elemen. Misalnya, jika elemen mendukung InvokePattern, menu konteks menyertakan item untuk Invoke. Pilih item tersebut dan API pola yang sesuai dijalankan di aplikasi yang sesuai. AccScope mendukung fitur ini untuk pola berikut: Memanggil, ExpandCollapse, Toggle, SelectionItem, ScrollItem.
- Sesuaikan slider Transparansi untuk mengubah opasitas/transparansi jendela AccScope . Secara default ditampilkan sebagai 100% opasitas. Membuat jendela sebagian transparan dapat berguna untuk melihat bagian jendela target melalui antarmuka pengguna AccScope saat menggunakan mode Always On Top .
- Jika ditampilkan, gunakan bilah gulir horizontal dan vertikal untuk mengubah pusat tampilan visualisasi. Ini berguna jika Anda menggunakan opsi Tata letak visual tetapi tidak menggunakan opsi tampilan Layar Penuh, sambil membiarkan jendela AccScope kecil dibandingkan dengan jendela target.
Menguji skenario Narator
Skenario Narator adalah aspek terpenting untuk diuji saat menggunakan AccScope, yang dirancang khusus untuk memvisualisasikan cara kerja navigasi item Narator dasar saat diterapkan ke aplikasi Anda.
Untuk menguji skenario Narator, gunakan opsi konfigurasi AccScope ini:
- Mode Elemen: Narator
- Tata letak: Visual
- Opsi tata letak : Perlihatkan TipsAlat dan Perlihatkan Angka yang dipilih
Berikut adalah beberapa area spesifik aplikasi Anda untuk diuji untuk skenario Narator:
- Urutan elemen: Verifikasi bahwa urutan narator membaca kontrol Anda akurat, sesuai dengan angka (lingkaran hijau) yang ditampilkan dalam visualisasi. Jika elemen tidak sesuai urutan yang Anda harapkan untuk dibaca, ubah struktur UI aplikasi dan pohon Automation UI yang dihasilkan, dan uji lagi hingga Anda memverifikasi bahwa elemen Anda berada dalam urutan baca yang diharapkan.
- Teks lisan: Gerakkan mouse dalam visualisasi dan arahkan kursor ke setiap persegi panjang elemen untuk menampilkan tips alat untuk setiap elemen. Dalam mode Narator, tips alat menampilkan entri Teks Narator yang secara harfiah merupakan teks yang dibaca Narator. Umumnya teks ini terdiri dari Nama dan Tipe Kontrol. Verifikasi bahwa ini adalah info yang tepat untuk setiap kontrol di UI Anda. Jika ada info yang salah, ubah properti Automation UI melalui teknik yang diaktifkan oleh kerangka kerja UI khusus Anda untuk melakukannya. (Jika Jenis Kontrol tidak terduga, Anda mungkin perlu menggunakan kontrol yang berbeda, karena itu sering dikontrol secara eksklusif oleh implementasi kontrol kerangka kerja UI.) Kemudian uji lagi dan verifikasi bahwa Teks Narator sudah benar.
- Tata letak elemen: Periksa setiap kasus ini:
- Verifikasi bahwa elemen redundan tidak diekspos oleh Narator. Contoh elemen redundan adalah kontrol peringkat di setiap item petak peta Windows Store.
- Verifikasi bahwa elemen penting (elemen yang diperlukan pengguna untuk menyelesaikan tugas kunci di aplikasi) masing-masing muncul di navigasi item Narator.
- Jika Anda menggunakan tata letak Visual dan elemen hilang karena kontrol saling tumpang tindih, beralihlah ke Tata letak Daftar untuk melihat urutan yang dilaporkan Narator.
- Verifikasi bahwa struktur pohon Automation UI secara keseluruhan akurat dan diharapkan untuk aplikasi Anda.