Visualisasi Urutan Fokus

Apa itu Visualisasi Urutan Fokus?

Visualisator urutan fokus ini membantu auditor aksesibilitas dan developer melihat urutan tab keyboard dari halaman HTML apa pun. Tempel HTML Anda atau masukkan sumber URL, dan alat ini menampilkan penanda bernomor pada setiap elemen yang dapat difokuskan, menunjukkan urutan tab yang tepat — memudahkan identifikasi masalah navigasi.

Cara menggunakan

1. Tempel kode HTML ke editor, atau unggah file HTML yang ingin Anda analisis urutan tab-nya.
2. Lihat halaman yang dirender dengan penanda overlay bernomor yang menunjukkan urutan tab untuk setiap elemen yang dapat difokuskan (tautan, tombol, input, dll.).
3. 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