Section ini menyusun materi secara bertahap: kerjakan Chapter dari urutan teratas agar setiap konsep baru selalu berpijak pada konsep sebelumnya. Setiap Chapter menyertakan contoh kode yang telah diuji dan dapat Anda ikuti langsung di editor.

# Dasar Web Accessibility

Definisi accessibility, tiga kategori penerima manfaat, empat prinsip WCAG POUR, dan HTML semantik sebagai fondasinya.

Buka → # Heading Hierarchy

Susun heading h1 sampai h6 sebagai peta navigasi screen reader: satu h1, tanpa lompatan, dan teks yang deskriptif.

Buka → # Keyboard Navigation

Pelajari tombol keyboard bawaan, urutan focus yang mengikuti DOM, penggunaan tabindex, dan focus yang terlihat.

Buka → # Accessible Names

Pahami accessible name yang dibacakan screen reader beserta urutan prioritas sumbernya, dari aria-label hingga label.

Buka → # Alt Text

Tulis alt text yang tepat per kategori gambar WAI: informasional, dekoratif, fungsional, dan kompleks.

Buka → # Accessible Forms

Rakit form aksesibel: label eksplisit, fieldset, petunjuk aria-describedby, penanda wajib, dan token autocomplete.

Buka → # Accessible Tables

Bedah tabel dari sisi screen reader: caption, th scope, serta headers dan id untuk tabel kompleks dua tingkat.

Buka → # Penggunaan ARIA

Kenali ARIA sebagai lapisan semantik tambahan: aturan pertamanya, atribut utama, dan contoh disclosure.

Buka → # Menguji Accessibility

Uji accessibility berlapis: alat otomatis, walkthrough keyboard, screen reader, pengguna nyata, dan checklist evaluasi.

Buka →