Penanda dan Tajuk

Landmark dan judul membantu teknologi bantuan mengekspos model navigasi yang dapat diprediksi untuk antarmuka pengguna yang kompleks. Ketika diterapkan dengan benar, mereka memungkinkan pengguna berpindah melalui wilayah utama dan kemudian menelusuri konten subbagian tanpa melintasi setiap kontrol perantara.

Gambaran Umum

Tata letak visual biasanya memungkinkan pengguna yang terlihat untuk memindai dengan cepat dan memprioritaskan konten yang penting untuk tugas mereka saat ini. Pengguna pembaca layar memerlukan mekanisme yang setara untuk orientasi cepat dan traversal selektif. Penanda dan tajuk menyediakan mekanisme tersebut dengan menambahkan struktur eksplisit ke representasi UI yang diotomasi.

Model ini konsisten dengan pola aksesibilitas web yang telah lama dibuat, termasuk landmark ARIA, judul ARIA, dan judul HTML. Dalam setiap kasus, tujuannya sama: menyediakan struktur yang dapat dinavigasi sehingga pengguna dapat melompat ke wilayah utama (landmark) dan kemudian ke batas bagian kecil (judul).

Sebagian besar pembaca layar mengekspos perintah khusus untuk navigasi landmark dan navigasi judul, termasuk traversal berikutnya/sebelumnya dan, jika didukung, pemfilteran berdasarkan tingkat judul.

Landmark memungkinkan Anda mengelompokkan konten ke wilayah yang bermakna seperti pencarian, navigasi, dan konten utama. Setelah wilayah tersebut diidentifikasi, pengguna dapat berpindah langsung antarwilayah alih-alih memindahkan kontrol demi kontrol melalui konten tak terkait.

Misalnya, area dengan tab seringkali paling baik direpresentasikan sebagai landmark navigasi. Area input pencarian merupakan kandidat yang baik untuk landmark pencarian, dan permukaan tugas utama sebaiknya diekspos sebagai landmark konten utama.

Dalam landmark, dan dalam beberapa kasus di luarnya, tandai sub-bagian sebagai judul menggunakan hierarki tingkat yang logis. Hierarki itu membantu pengguna membangun model mental cakupan dan kedalaman saat mereka menavigasi.

Pengaturan Windows

Gambar berikut ini memperlihatkan halaman Kemudahan Akses di versi Pengaturan Windows sebelumnya.

Dalam tata letak halaman ini, input pencarian ditetapkan pada landmark pencarian, navigasi sisi kiri dialokasikan pada landmark navigasi, dan panel konten utama di sebelah kanan dialokasikan pada landmark konten utama.

Di dalam landmark navigasi, Kemudahan Akses berfungsi sebagai judul tingkat atas (tingkat 1), dengan kategori anak seperti Visi dan Pendengaran yang diwakili pada tingkat 2. Di wilayah konten utama, Tampilan dapat menjadi tingkat 1, dengan subbagian seperti Membuat semuanya lebih besar diwakili pada tingkat 2.

Halaman ini tetap dapat dioperasikan secara teknis tanpa landmark dan judul, tetapi kegunaan secara substansial lebih baik ketika keduanya hadir. Pengguna pembaca layar dapat terlebih dahulu melompat ke wilayah yang relevan dan kemudian dengan cepat menavigasi ke subbagian tertentu yang mereka butuhkan.

Penggunaan

Gunakan AutomationProperties.LandmarkTypeProperty untuk mengidentifikasi jenis landmark kontainer UI. Kontainer tersebut harus merangkum sekumpulan elemen yang termasuk dalam wilayah navigasi yang sama.

Gunakan AutomationProperties.LocalizedLandmarkTypeProperty untuk menyediakan label landmark yang diumumkan kepada pengguna. Untuk jenis landmark yang telah ditentukan sebelumnya (misalnya, utama atau navigasi), teknologi bantuan dapat menggunakan konvensi penamaan bawaan. Untuk jenis landmark kustom, Anda harus mengatur properti ini secara eksplisit, dan Anda juga dapat menggunakannya untuk mengambil alih label default saat nama yang lebih spesifik tugas sangat membantu.

Gunakan AutomationProperties.HeadingLevel untuk menandai elemen sebagai judul dan menetapkan tingkat dari Level1 hingga Level9. Jaga agar tingkat judul tetap konsisten secara semantik sehingga pengguna dapat menyimpulkan hierarki bagian dan menelusuri konten dengan cara yang dapat diprediksi.

Mendukung traversal panel berbasis F6 saat aplikasi Anda berisi beberapa wilayah utama. Ini adalah pola yang familier dalam aplikasi desktop kompleks seperti File Explorer dan Outlook, dan melengkapi semantik landmark dan kepala dengan menyediakan mekanisme lompatan antar wilayah yang mengedepankan penggunaan keyboard. Untuk panduan implementasi, lihat Navigasi keyboard antar panel aplikasi dengan F6.

Contoh

Lihat Sampel kode untuk mengatasi masalah aksesibilitas terprogram umum di aplikasi desktop Windows untuk implementasi praktis yang mengatasi cacat aksesibilitas berulang.

Sampel ini juga dirujuk oleh Microsoft Accessibility Insights untuk Windows, yang dapat membantu Anda mendeteksi dan triase masalah aksesibilitas di antarmuka pengguna aplikasi Anda.