Kerangka Materi
Konteks Hukum & Prinsip-Prinsip Dasar Aksesibilitas
Modul 1: Pengenalan terhadap Undang-Undang Aksesibilitas serta Pentingnya
- Gambaran umum mengenai Undang-Undang Aksesibilitas yang baru (mulai berlaku pada 28 Juni)
- Persyaratan hukum dan batas waktu kepatuhannya
- Pengaruhnya terhadap sektor publik, perusahaan swasta, serta para pengembang
- Mengapa aksesibilitas sangat penting: dari sudut pandang sosial, etika, dan bisnis
- Sanksi hukum bagi pelanggaran aturan aksesibilitas
- Ringkasan standar aksesibilitas utama (WCAG 2.1/2.2, ARIA)
- Jenis-jenis disabilitas yang perlu diperhatikan
Modul 2: Prinsip-Prinsip serta Pedoman Aksesibilitas
- Empat prinsip utama aksesibilitas (Perceivable, Operable, Understandable, Robust)
- Pengenalan terhadap pedoman WCAG secara umum
- Peran, status, dan atribut ARIA dalam mendukung aksesibilitas
- Pentingnya HTML semantik dalam mewujudkan aplikasi yang ramah disabilitas
Modul 3: Menyiapkan Lingkungan Pengembangan Aksesibel
- Alat-alat penting seperti alat bantu pengembang browser, screen reader (NVDA, VoiceOver), serta ekstensi aksesibilitas
- Pengaturan linter dan alat uji otomatis untuk memeriksa aspek aksesibilitas
- Ringkasan mengenai berbagai alat pengujian aksesibilitas yang banyak digunakan saat ini
- Pengaturan proses pengujian pada simulator maupun perangkat seluler asli (menggunakan VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Modul 4: Praktik Pemrograman – HTML Semantik & Navigasi Menggunakan Keyboard
- Menulis kode markup yang sesuai dengan prinsip aksesibilitas
- Memastikan seluruh fungsi dapat diakses melalui keyboard
- Teknik pengelolaan fokus antar elemen pada antarmuka
- Menangani form dan elemen interaktif secara aksesibel
Aksesibilitas dalam Pengembangan Aplikasi Seluler Asli (Modul Tambahan Opsional selama 1,5 Jam)
- Pedoman platform utama seperti Google Material dan Human Interface Apple
- Membuat navigasi, tombol, serta form menjadi lebih mudah diakses pada perangkat seluler
- Masalah aksesibilitas yang sering terjadi beserta solusinya
- Latihan praktis pengujian dengan VoiceOver serta TalkBack
Pemrograman Lanjutan & Teknologi Bantu Aksesibilitas
Modul 5: CSS yang Ramah Disabilitas & Desain Visual
- Praktik terbaik dalam menentukan kontras warna dan ukuran teks
- Pengaturan gaya fokus yang mudah dilihat oleh pengguna
- Aspek responsivitas desain dalam kaitannya dengan aksesibilitas
- Menghindari penggunaan animasi atau transisi yang justru menghambat aksesibilitas
- Pedoman kontras warna serta ukuran elemen pada layar perangkat seluler.
Modul 6: ARIA dalam Penanganan Konten Dinamis & Aplikasi Internet Kompleks
- Kapan dan bagaimana tepatnya menggunakan atribut ARIA
- Pengelolaan area konten yang aktif untuk membantu screen reader bekerja maksimal
- Membuat widget serta komponen khusus agar tetap ramah disabilitas
- Peran ARIA dalam pengembangan aplikasi tipe Single Page Application (SPA)
- Untuk lingkungan seluler, dibahas pula peran label dan atribut bantu pada platform aslinya (misalnya contentDescription di Android serta accessibilityLabel di iOS).
Modul 7: Praktikum Pemrograman – Membangun Komponen Aksesibel
- Merancang tombol, modal dialog, menu drop-down, dan tab yang tetap aksesibel
- Menerapkan sistem validasi form serta penanganan kesalahan secara memadai bagi disabilitas
- Pemanfaatan ARIA sekaligus HTML semantik dalam membangun komponen antarmuka nyata
Pengujian, Kepatuhan Hukum, serta Pemeliharaan Aksesibilitas
Modul 8: Teknik Pengujian & Audit Aksesibilitas
- Cara melakukan pengujian manual menggunakan screen reader maupun keyboard semata-mata
- Pemanfaatan alat uji otomatis seperti axe, Lighthouse, serta pa11y untuk menganalisis aksesibilitas
- Menyusun kasus uji khusus yang dapat digunakan tim QA dalam proses validasi
- Integrasi alat pengujian aksesibilitas ke dalam sistem CI/CD secara efektif
- Cara melakukan audit terhadap aplikasi seluler asli: uji manual maupun otomatis seperti Accessibility Scanner, Espresso untuk Android, serta XCTest untuk iOS).
Modul 9: Penanganan Masalah & Pemeliharaan Aksesibilitas secara Kontinu
- Masalah aksesibilitas yang sering muncul serta solusi praktis untuk mengatasinya
- Menangani isu aksesibilitas pada basis kode lama atau kode yang telah ada sebelumnya
- Memastikan aplikasi tetap mematuhi standar saat proses penambahan fitur maupun refactoring berlangsung
- Aksesibilitas pada aplikasi lintas platform: mobile, desktop, maupun web
Modul 10: Latihan Akhir & Penutup Kursus
- Membangun atau menyempurnakan aplikasi mini yang sudah memenuhi standar aksesibilitas
- Pengkajian secara tim dan diskusi antarpeserta
- Sesi tanya jawab serta pemberian umpan balik
- Daftar sumber referensi untuk belajar terus-menerus sekaligus mengikuti pembaruan standar aksesibilitas terkini
Persyaratan
- Pengetahuan dasar hingga menengah mengenai HTML, CSS, dan JavaScript
- Pengetahuan dasar hingga menengah dalam teknik pengembangan aplikasi seluler (Android, iOS)
- Penguasaan terhadap framework frontend seperti React, Angular, Vue, dan sejenisnya merupakan nilai plus
- Pengalaman dalam pengembangan aplikasi seluler juga menjadi nilai tambah
- Pemahaman dasar mengenai siklus hidup pengembangan web/seluler
- Laptop yang telah disiapkan untuk lingkungan pengembangan (editor kode, alat bantu pengembang pada browser)
Target Peserta
- Pengembang frontend/backend/mobile
- Desainer UI/UX yang memiliki pengetahuan pemrograman
- Insinyur QA yang berfokus pada pengujian aksesibilitas
- Pemilik produk dan manajer proyek yang terlibat dalam kepatuhan terhadap standar aksesibilitas
Testimoni (3)
Bereksperimen dengan alat-alat
Nuwan Gunaratne - AZQORE
Kursus - User Experience Design with Figma
Diterjemahkan Mesin
Instruktur kami, Yashank, sangat berpengetahuan luas. Dia menyesuaikan kurikulum sesuai dengan kebutuhan belajar kita yang sebenarnya, dan pengalaman belajar bersamanya sangat menyenangkan. Pemahamannya tentang bidang yang dia ajarkan sangat mengesankan; dia membagikan wawasan dari pengalaman nyata dan membantu kami menyelesaikan masalah aktual yang kami hadapi di tempat kerja.
Ahmed Nazeem - Maldives Pension Administration Office
Kursus - Multimodal AI for Enhanced User Experience
Diterjemahkan Mesin
“Saya sangat menghargai pendekatan real-time yang digunakan instruktur untuk menunjukkan bagaimana tim kami dapat menerapkan Desain Berpusat pada Manusia (HCD) ke dalam proyek kami. Sangat baik juga bahwa instruktur meluangkan waktu untuk memahami proyek kami secara umum, yang membantu memberikan panduan jelas dan praktis tentang bagaimana kami bisa lebih baik mendekati UX dan UI.”
Nichole Bryant Joven - Grundfos
Kursus - Human-Centered Design (HCD)
Diterjemahkan Mesin