Desain Fluid dan Adaptif untuk Antarmuka Web yang Aksesibel

Pengembangan web modern membutuhkan antarmuka yang tidak hanya menarik secara visual tetapi juga dapat diakses sepenuhnya oleh semua orang, terlepas dari perangkat atau teknologi alat bantu yang mereka gunakan. Banyak tata letak yang rusak ketika pengguna memperbesar (zoom in) atau mengubah pengaturan font bawaan mereka, sehingga menyebabkan pengalaman pengguna yang buruk. Kursus berbasis teks ini mengajarkan Anda cara merancang dan membangun tata letak yang tangguh dan fluid yang mempertahankan kebolehgunaan serta memenuhi standar aksesibilitas modern. Anda akan mulai dengan memahami jenis unit CSS dasar, tipografi fluid, dan prinsip-prinsip inti dari struktur tata letak yang aksesibel. Yang akan Anda pelajari: Memahami perbedaan antara tata letak fluid dan adaptif serta kapan harus menggunakan masing-masing; Menguasai unit CSS modern seperti em, rem, ch, dan vw untuk membuat tipografi yang tangguh dan ramah-zoom; Membangun tata letak responsif menggunakan CSS Grid dan Flexbox modern dengan mempertimbangkan aksesibilitas; Mengimplementasikan media query dan container query untuk menyesuaikan komponen ke kontainer induknya; Menguji dan mendebug tata letak untuk navigasi keyboard, kompatibilitas screen reader, dan tingkat zoom yang tinggi. Anda akan mulai dengan konsep-konsep inti dan penjelasan tertulis langkah demi langkah, berpindah dari aturan tata letak dasar hingga membangun pola komponen yang responsif sepenuhnya dan aksesibel. Kursus ini dirancang untuk pengembang front-end tingkat pemula hingga menengah dan desainer web yang ingin membangun pengalaman web yang inklusif. Tidak diperlukan pengalaman pemrograman tingkat lanjut. Mulailah membangun tata letak yang indah dan aksesibel hari ini.