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)
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
Faktanya, ada contoh praktis yang disertakan dengan konten tersebut
Smita Hanuman - Standard Bank of SA Ltd
Kursus - Basel III – Certified Basel Professional
Diterjemahkan Mesin
Saya suka bagaimana instruktur terlihat sangat ahli dalam menggunakan Figma.
January Oliva - Eko Health
Kursus - User Experience Design with Figma
Diterjemahkan Mesin
- latihan adalah praktis - instruktur membantu dalam menjawab pertanyaan spesifik kami
Germaine Choi - The Hong Kong Jockey Club
Kursus - User Experience (UX) Design
Diterjemahkan Mesin