Audit Rangka Halaman melalui Pendengaran

Audit rangka bermaksud menyemak tajuk seperti yang dipaparkan oleh pembaca skrin, tanpa mengambil kira gaya visual langsung. 👂

Lupakan warna dan fon. Rangka yang bersih sepatutnya dibaca sebagai senarai bertingkat tajuk bahagian yang munasabah, walaupun tanpa CSS langsung.

Ambil hanya tajuk anda mengikut urutan. Jika senarai itu sahaja sudah merumuskan halaman, struktur anda berfungsi dengan baik.

Pertama, pastikan terdapat tepat satu h1 yang menamakan halaman. h1 yang tiada atau berulang ialah kecacatan rangka yang paling biasa.

Telusuri aras dan perhatikan lompatan, seperti h2 melompat ke h4. Setiap lompatan ke bawah sepatutnya bergerak tepat satu aras.

Cari teks tebal yang sepatutnya menjadi tajuk tetapi sebenarnya ialah div bergaya. Jurang tersembunyi ini menyebabkan pengguna pembaca skrin tiada penunjuk arah.

Alat pembangun pelayar dan sambungan boleh memaparkan paparan rangka. Alat ini menyenaraikan tajuk sebenar serta menandakan aras yang dilangkau atau tiada.

Buka senarai tajuk dalam NVDA atau VoiceOver. Mendengar halaman anda sendiri dibaca dengan kuat mendedahkan kekeliruan yang tidak dapat ditunjukkan oleh mana-mana rajah. 🔊

Tajuk kosong yang hanya mengandungi ikon dibaca sebagai tiada apa-apa dan mengotorkan senarai. Berikan setiap tajuk teks sebenar yang bermakna.

Tajuk yang samar seperti More gagal dalam ujian pendengaran. Tanpa konteks, setiap tajuk masih patut memberitahu pengguna perkara yang dibincangkan dalam bahagian tersebut.

Lakukan semakan rangka ringkas pada setiap halaman sebelum diterbitkan. Semakan selama dua minit dapat mengesan pepijat struktur yang menyusahkan pengguna setiap hari.

Anda telah mempelajari cara mengaudit melalui pendengaran: sahkan satu h1, kesan aras yang dilangkau, dedahkan tajuk palsu dan semak perkataan menggunakan pembaca skrin sebenar. ✅