Web Accessibility Academy · Pelajaran

Navigasi Landmark: Cara Pengguna Berpindah

Rasakan perpindahan antarwilayah dengan pembaca layar.

Pelajaran 4 dari 413 langkah

Navigasi Landmark: Cara Pengguna Berpindah adalah pelajaran Web Accessibility Academy gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Web Accessibility Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Web Accessibility Academy mencakup 4 pelajaran total.

Melompat, Bukan Menggulir

Pengguna yang dapat melihat melirik halaman. Sebaliknya, pengguna pembaca layar melompat dari satu wilayah ke wilayah lain menggunakan landmark yang Anda tentukan.

Pintasan Landmark

Sebagian besar pembaca layar menyediakan tombol untuk berpindah antarlandmark. Di NVDA, tombol D melompat ke wilayah berikutnya tanpa menyentuh tetikus.

Daftar Wilayah

Pengguna juga dapat membuka daftar landmark, yaitu menu berisi setiap wilayah pada halaman, lalu memilih salah satunya untuk langsung menuju ke sana.

Lewati Hal-Hal yang Berulang

Manfaat terbesarnya adalah kemampuan melewati bagian berulang. Pengguna melompati header dan nav yang sudah pernah didengar, lalu langsung tiba di konten baru.

Rotor VoiceOver

Di Mac, pengguna VoiceOver membuka rotor dan memilih Landmarks untuk menavigasi wilayah Anda berdasarkan nama dan peran.

Mengapa Nama Itu Bermanfaat

Dalam daftar landmark tersebut, nilai aria-label Anda menjadi item menu, sehingga nama yang baik membuat lompatan benar-benar berguna.

<nav aria-label="Main">...</nav>

Urutan Mengikuti DOM

Landmark dikunjungi dalam urutan sumber, sehingga urutan HTML yang logis menghasilkan urutan lompatan yang logis bagi semua orang.

Terlalu Banyak Landmark Merugikan

Jika setiap kotak menjadi wilayah, daftar tersebut berubah menjadi kebisingan. Gunakan landmark untuk bagian halaman yang sebenarnya, bukan untuk tata letak umum.

Cakup Seluruh Halaman

Idealnya, semua konten yang terlihat berada di dalam suatu landmark. Konten terlantar di luar wilayah mana pun lebih sulit dijangkau dengan lompatan.

Uji Sendiri

Buka pembaca layar dan tekan tombol landmark. Jika Anda dapat melompat dengan lancar melalui halaman, wilayah Anda berfungsi dengan baik. 🎧

Lebih Cepat daripada Menekan Tab

Lompatan landmark lebih baik daripada menekan Tab puluhan kali. Beberapa penekanan tombol menggantikan penelusuran panjang dan melelahkan melalui setiap tautan.

Pemeriksaan Singkat

Apa manfaat utama navigasi landmark bagi pengguna pembaca layar?

Ringkasan: Melompat ke Berbagai Bagian

Anda telah belajar bagaimana pengguna berpindah di antara landmark dengan tombol atau rotor, mengapa wilayah bernama dan urutan DOM penting, serta cara menguji dengan pendengaran. 🙌

Gratis untuk memulai

Belajar HTML dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus
30
Pelajaran
120

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Navigasi Landmark: Cara Pengguna Berpindah” gratis?

Ya — teks lengkap “Navigasi Landmark: Cara Pengguna Berpindah” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Web Accessibility Academy, upgrade ke CoddyKit PRO. Kursus Web Accessibility Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Navigasi Landmark: Cara Pengguna Berpindah”?

Rasakan perpindahan antarwilayah dengan pembaca layar. Kamu berlatih Web Accessibility Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Web Accessibility Academy?

Tidak diperlukan pengalaman sebelumnya. Web Accessibility Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 4 dari 4.

Berapa lama pelajaran “Navigasi Landmark: Cara Pengguna Berpindah” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Web Accessibility Academy ini?

Ya. Setiap pelajaran Web Accessibility Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. header, nav, main, footer: Empat Besar
  2. Menempatkan Konten di main dan Hanya Satu main
  3. Menamai Beberapa Wilayah dengan aria-label
  4. Navigasi Landmark: Cara Pengguna Berpindah
← Kembali ke Web Accessibility Academy