Semantic Review and Keyboard Navigation
Meninjau struktur UI, tab order, focus, dan jalan keluar keyboard agar halaman produk dapat dipakai tanpa mouse.
Ikuti lesson dari atas ke bawah agar konsepnya nyambung. Kamu tetap bisa membuka lesson mana pun untuk review.
Alur belajar module
Lesson disusun sebagai jalur belajar. Uji Kompetensi di akhir menjadi checkpoint sebelum lanjut module berikutnya.
Semantic HTML Review
Menilai struktur halaman dari tugas tiap bagian, bukan dari tampilan visual atau class CSS yang kebetulan dipakai.
Tab Order
Menjaga urutan fokus mengikuti urutan baca dan tugas user tanpa memaksa browser dengan tabindex positif.
Focus Visibility
Membuat posisi keyboard focus terlihat jelas tanpa menghilangkan affordance native browser.
Skip Links
Membuat jalur cepat dari awal page ke main content ketika navigation berulang tidak perlu ditelusuri satu per satu.
Keyboard Traps
Mendeteksi area interaktif yang mengurung keyboard user dan memberi jalur keluar yang jelas untuk panel sederhana.
Uji Kompetensi Semantic Review and Keyboard Navigation
Membuktikan kesiapan mengaudit semantic structure dan keyboard journey pada satu page produk.