Audit Kerangka Halaman dengan Pendengaran

Audit struktur berarti memeriksa judul sebagaimana ditampilkan oleh pembaca layar, dengan sepenuhnya mengabaikan tampilan visual. 👂

Lupakan warna dan fon. Struktur yang bersih seharusnya terbaca sebagai daftar bertingkat berisi judul bagian yang masuk akal, bahkan tanpa CSS sama sekali.

Tampilkan hanya judul Anda secara berurutan. Jika daftar itu saja sudah merangkum halaman, berarti struktur Anda bekerja dengan baik.

Pertama, pastikan tepat ada satu h1 yang menamai halaman. h1 yang hilang atau ganda adalah cacat struktur yang paling umum.

Periksa tingkatannya dan cari lompatan, misalnya h2 langsung ke h4. Setiap lompatan ke bawah harus berpindah tepat satu tingkat.

Cari teks tebal yang seharusnya menjadi judul, tetapi sebenarnya hanya div yang diberi gaya. Celah tersembunyi ini membuat pengguna pembaca layar tidak memiliki penanda.

Alat pengembang dan ekstensi peramban dapat menampilkan tampilan kerangka. Alat tersebut mencantumkan judul yang sebenarnya dan menandai tingkat yang dilewati atau hilang.

Buka daftar judul di NVDA atau VoiceOver. Mendengar halaman Anda sendiri dibacakan dengan lantang akan mengungkapkan kebingungan yang tidak dapat ditunjukkan oleh diagram apa pun. 🔊

Judul kosong yang hanya berisi ikon akan terbaca sebagai tidak ada apa-apa dan memenuhi daftar. Berikan teks yang nyata dan bermakna pada setiap judul.

Judul yang samar seperti More gagal saat didengar. Di luar konteks, setiap judul tetap harus memberi tahu pengguna bagian itu membahas apa.

Lakukan pemeriksaan kerangka singkat pada setiap halaman sebelum dipublikasikan. Pemeriksaan selama dua menit dapat menemukan masalah struktur yang setiap hari membuat pengguna frustrasi.

Saat melakukan audit, temuan apa yang menunjukkan kerangka judul rusak?

Anda telah belajar melakukan audit dengan pendengaran: pastikan ada satu h1, temukan tingkat yang dilewati, ungkap judul palsu, dan periksa pilihan kata dengan pembaca layar sungguhan. ✅