Mengapa Melewati Tautan Navigasi Itu Penting
Melewati tautan navigasi memberikan beberapa manfaat:
- Kegunaan yang Ditingkatkan: Mengurangi upaya yang diperlukan untuk menavigasi menu bagi pengguna yang mengandalkan teknologi bantuan.
- Aksesibilitas yang Ditingkatkan: Memastikan kepatuhan terhadap pedoman aksesibilitas seperti WCAG dan ADA.
- Pengalaman Pengguna yang Lebih Baik: Membuat situs Anda lebih mudah dinavigasi oleh semua pengguna.
Panduan Langkah demi Langkah untuk Menambahkan Tautan Lewati Navigasi
Langkah 1: Tambahkan HTML untuk Melewati Tautan
Tambahkan HTML untuk tautan lewati di bagian atas berkas header situs Anda:
Langsung ke Konten Utama
Pastikan href atribut menunjuk ke ID wadah konten utama Anda.
Langkah 2: Tambahkan ID ke Konten Utama
Di tema WordPress Anda, temukan wadah konten utama dan tambahkan ID:
Langkah 3: Beri Gaya pada Tautan Lewati
Atur gaya tautan lewati untuk memastikannya terlihat saat difokuskan. Tambahkan CSS berikut ke tema Anda:
.skip-link { posisi: absolut; atas: -40 piksel; kiri: 0; latar belakang: #000; warna: #fff; bantalan: 10 piksel; dekorasi teks: tidak ada; indeks-z: 100; } .skip-link:fokus { atas: 0; }
Langkah 4: Uji Tautan Lewati
Gunakan keyboard untuk menavigasi situs Anda dan verifikasi bahwa tautan lewati muncul dan berfungsi dengan benar. Tekan Tab untuk fokus pada tautan lewati dan Enter untuk mengaktifkannya
Praktik Terbaik untuk Melewati Tautan Navigasi
- Tempatkan Lewati Tautan Pertama: Pastikan tautan lewati merupakan elemen pertama yang dapat difokuskan pada halaman.
- Gunakan Label yang Jelas: Teks tautan harus menunjukkan tujuannya dengan jelas, misalnya, “Langsung ke Konten Utama.”
- Uji di Berbagai Perangkat: Verifikasi fungsionalitas pada desktop, tablet, dan perangkat seluler.
Studi Kasus: Lewati Tautan dalam Tindakan
Studi Kasus 1: Situs Web Pendidikan
Sebuah platform pendidikan menerapkan tautan lewati, menghasilkan navigasi yang lebih baik bagi siswa yang menggunakan pembaca layar dan peningkatan 15% dalam skor aksesibilitas.
Studi Kasus 2: Toko E-commerce
Seorang pengecer daring menambahkan tautan lewati ke menu navigasi mereka, mengurangi rasio pentalan dan meningkatkan kegunaan bagi pengguna keyboard.
FAQ: Menambahkan Tautan Lewati Navigasi
Apa itu tautan lewati navigasi?
Tautan lewati navigasi memungkinkan pengguna melewati menu navigasi berulang dan langsung menuju konten utama halaman.
Apakah tautan lewati diperlukan untuk kepatuhan aksesibilitas?
Meskipun tidak secara eksplisit diperlukan, tautan lewati membantu memenuhi pedoman WCAG dengan meningkatkan navigasi bagi pengguna teknologi bantuan.
Bisakah saya menambahkan tautan lewati tanpa mengedit kode?
Ya, beberapa plugin aksesibilitas seperti Plugin Aksesibilitas WP One Tap dapat menambahkan tautan lewati secara otomatis.
Apakah tautan lewati berfungsi pada perangkat seluler?
Ya, bila diterapkan dengan benar, fungsi tautan lewati berfungsi di semua perangkat, termasuk perangkat seluler.
Bagaimana cara menguji tautan lewati navigasi?
Gunakan keyboard untuk menavigasi situs Anda dan pastikan tautan lewati dapat difokuskan dan berfungsi.
