Kerangka Materi
Konteks Hukum & Dasar-dasar Aksesibilitas
Modul 1: Pengenalan ke Hukum Accessibility dan Pentingnya
- Gambaran umum tentang Hukum Accessibility baru (efektif 28 Juni)
- Persyaratan hukum dan tenggat waktu
- Dampak pada sektor publik, perusahaan swasta, dan pengembang
- Mengapa aksesibilitas penting: perspektif sosial, etis, dan bisnis
- Sanksi untuk ketidakpatuhan
- Gambaran umum standar aksesibilitas (WCAG 2.1/2.2, ARIA)
- Kategori disabilitas
Modul 2: Prinsip-prinsip & Pedoman Aksesibilitas
- Prinsip POUR (Perceivable, Operable, Understandable, Robust)
- Pengenalan ke pedoman WCAG
- Peran ARIA, status, dan properti
- HTML semantik dan perannya dalam aksesibilitas
Modul 3: Mengatur Lingkungan Pengembangan yang Dapat Diakses
- Alat: alat dev browser, pembaca layar (NVDA, VoiceOver), ekstensi aksesibilitas
- Mengatur linter dan alat pengujian aksesibilitas otomatis
- Gambaran umum alat pengujian aksesibilitas yang umum
- Mengatur pengujian aksesibilitas di simulator mobile dan perangkat nyata (menggunakan VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Modul 4: Pemrograman Praktis – HTML Semantik & Navigasi Keyboard
- Menulis markup semantik untuk aksesibilitas
- Memastikan navigasi keyboard yang lengkap
- Teknik manajemen fokus
- Menangani form dan elemen interaktif secara aksesibel
Aksesibilitas dalam Aplikasi Mobile Asli (Modul tambahan opsional selama 1,5 jam)
- Pedoman platform utama (Google Material, Apple Human Interface)
- Membuat navigasi, tombol, dan form aksesibel di mobile
- Masalah aksesibilitas mobile umum dan solusinya
- Pengujian praktis dengan VoiceOver dan TalkBack
Pemrograman Lanjutan & Teknologi Assistif
Modul 5: CSS Aksesibel dan Desain Visual
- Praktik terbaik kontras warna dan ukuran teks
- Gaya fokus dan indikator fokus yang terlihat
- Pertimbangan desain responsif untuk aksesibilitas
- Menghindari jebakan aksesibilitas dalam animasi dan transisi
- Pedoman kontras warna dan ukuran untuk layar mobile.
Modul 6: ARIA untuk Konten Dinamis & Aplikasi Internet Kaya
- Kapan dan bagaimana menggunakan atribut ARIA
- Mengelola wilayah hidup untuk pembaca layar
- Membuat widget aksesibel dan komponen kustom
- Peran ARIA dalam SPA (Aplikasi Halaman Tunggal)
- Untuk mobile, diskusikan peran aksesibilitas dan label di platform asli (misalnya contentDescription di Android, accessibilityLabel di iOS).
Modul 7: Lab Pemrograman Praktis: Membangun Komponen yang Dapat Diakses
- Buat tombol, modal, dropdown, tab aksesibel
- Implementasikan validasi form dan penanganan kesalahan yang aksesibel
- Gunakan ARIA dan HTML semantik untuk komponen UI dunia nyata
Pengujian, Kepatuhan, dan Aksesibilitas Berkelanjutan
Modul 8: Pengujian & Audit Aksesibilitas
- Teknik pengujian manual dengan pembaca layar dan keyboard saja
- Pengujian otomatis dengan alat seperti axe, Lighthouse, pa11y
- Menulis kasus pengujian aksesibilitas untuk tim QA
- Mengintegrasikan pengujian aksesibilitas dalam pipa CI/CD
- Cara menjalankan audit aksesibilitas pada aplikasi mobile asli (pengujian manual, alat otomatis seperti Accessibility Scanner, Espresso untuk Android, XCTest untuk iOS)
Modul 9: Remediasi & Aksesibilitas Berkelanjutan
- Masalah aksesibilitas umum dan cara memperbaikinya
- Mengelola aksesibilitas dalam kodebase warisan
- Memelihara aksesibilitas selama pembaruan fitur dan refactor
- Aksesibilitas di aplikasi multi-platform (mobile, desktop, web)
Modul 10: Latihan Praktis Akhir dan Penutup
- Bangun atau refactor aplikasi/modul kecil untuk memenuhi standar aksesibilitas
- Review sejawat dan diskusi kelompok
- Sesi Q&A dan umpan balik
- Sumber daya untuk belajar berkelanjutan dan pembaruan kepatuhan
Persyaratan
- Pengetahuan dasar hingga menengah tentang HTML, CSS, JavaScript
- Pengetahuan dasar hingga menengah tentang teknik aplikasi mobile (Android, IOS)
- Kenalan dengan framework frontend (React, Angular, Vue, dll.) adalah nilai tambah
- Kenalan dengan pengembangan aplikasi mobile adalah nilai tambah
- Pengetahuan dasar tentang siklus hidup pengembangan web/mobile
- Laptop dengan lingkungan pengembangan yang disiapkan (editor kode, alat dev browser)
Audience
- Pengembang Frontend/Backend/Mobile
- Desainer UI/UX dengan pengetahuan pemrograman
- Insinyur QA yang fokus pada pengujian aksesibilitas
- Pemilik Produk dan Manajer Proyek yang terlibat dalam kepatuhan aksesibilitas
Testimoni (5)
“Saya sangat menghargai pendekatan real-time yang digunakan pelatih untuk menunjukkan bagaimana tim kami dapat menerapkan Desain Berpusat pada Manusia (HCD) ke dalam proyek kami. Saya juga senang bahwa pelatih meluangkan waktu untuk memahami proyek kami secara umum, yang membantu memberikan bimbingan yang jelas dan praktis tentang bagaimana kami dapat lebih baik menghadapi UX dan UI.”
Nichole Bryant Joven - Grundfos
Kursus - Human-Centered Design (HCD)
Diterjemahkan Mesin
The fact that there were practical examples with the content
Smita Hanuman - Standard Bank of SA Ltd
Kursus - Basel III – Certified Basel Professional
I did like how the instructor seemed very knowledgeable with Figma.
January Oliva - Eko Health
Kursus - User Experience Design with Figma
- exercises are practical - trainer is helpful in answering our specific questions
Germaine Choi - The Hong Kong Jockey Club
Kursus - User Experience (UX) Design
Atmosphere, approach to the exercises and comments about the tasks. It was so nice and relaxed way of relay the knowledge