Accessible Components
Membangun component interaktif dengan focus, keyboard behavior, semantic structure, dan ARIA yang proporsional.
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.
Modal Accessibility
Membuat modal kecil dengan label yang jelas, focus entry, close behavior, focus containment, dan focus return.
Dropdown Accessibility
Memilih trigger, expanded state, keyboard close behavior, dan pattern native yang tepat untuk daftar action atau navigation.
Tabs Accessibility
Membuat tabs kecil dengan hubungan tablist, tab, tabpanel, selection state, dan keyboard movement yang konsisten.
Focus Management
Memindahkan focus setelah perubahan UI yang penting tanpa mencuri posisi user pada perubahan kecil.
ARIA When Needed
Menentukan kapan HTML native sudah cukup dan kapan ARIA memberi informasi state atau relationship yang benar-benar diperlukan.
Uji Kompetensi Accessible Components
Membuktikan kesiapan mengaudit satu component interaktif dari semantic structure, keyboard journey, focus, sampai ARIA state.