Visualisasi Urutan Fokus
Visualisasikan urutan tab keyboard pada halaman web apa pun
Apa itu urutan tab?
Urutan tab adalah urutan yang diikuti pengguna keyboard saat menekan tombol Tab untuk berpindah antara tombol, tautan, dan bidang formulir. Urutan yang jelas dan dapat diprediksi sangat penting bagi pengguna pembaca layar dan siapa pun yang bernavigasi tanpa mouse. Tempel HTML Anda di bawah untuk melihat penanda bernomor yang menunjukkan tepatnya ke mana fokus akan berpindah.
Tempel HTML
Pratinjau
Apa itu Visualisasi Urutan Fokus?
Tempel HTML apa pun dan lihat urutan tab keyboard terpetakan. Penanda bernomor muncul pada setiap elemen yang dapat difokuskan agar Anda bisa langsung menemukan masalah navigasi. Dibuat untuk auditor aksesibilitas dan developer yang memeriksa kepatuhan WCAG.
Cara menggunakan
- Tempel kode HTML ke editor atau unggah file HTML untuk memeriksa urutan tab-nya.
- Penanda bernomor muncul pada setiap elemen yang dapat difokuskan (tautan, tombol, input) menunjukkan urutan tab.
- Tinjau daftar urutan fokus, identifikasi elemen yang tidak berurutan atau hilang, lalu ekspor analisis sebagai laporan.
Hasil
Seorang konsultan aksesibilitas menempel HTML formulir pendaftaran klien. Visualisator mengungkapkan bahwa tombol 'Kirim' menerima fokus sebelum kotak centang 'Syarat dan Ketentuan' karena nilai tabindex yang salah, menandai pelanggaran WCAG 2.4.3.
Alat terkait
Pratinjau Teks Pembaca Layar
Lihat bagaimana pembaca layar menafsirkan konten Anda
Penguji Ukuran Font
Pratinjau teks dalam berbagai ukuran font
Teks Ramah Disleksia
Format ulang teks agar lebih mudah dibaca
Pembantu Teks Alternatif
Tulis teks alternatif gambar yang aksesibel
Mode Teks Besar
Perbesar teks apa pun agar mudah dibaca
Mode Kontras Tinggi
Pratinjau konten dalam mode kontras tinggi