Kerangka Materi
Hari 1: Konteks Hukum & Dasar-dasar Aksesibilitas
Modul 1: Pendahuluan tentang Undang-undang Aksesibilitas dan Pentingnya
- Ringkasan tentang undang-undang aksesibilitas baru (berlaku mulai 28 Juni)
- Kewajiban hukum dan tenggat waktu
- Dampak pada sektor publik, perusahaan swasta, dan pengembang
- Mengapa aksesibilitas penting: perspektif sosial, etika, dan bisnis
- Denda untuk tidak mematuhi undang-undang
- Ringkasan tentang standar aksesibilitas (WCAG 2.1/2.2, ARIA)
- Kategori penyandang disabilitas
Modul 2: Prinsip dan Pedoman Aksesibilitas
- Prinsip POUR (Mampu Ditangkap, Dapat Dioperasikan, Mampu Dipahami, Robust)
- Pendahuluan tentang pedoman WCAG
- Peran, status, dan properti ARIA
- Semantik HTML dan perannya dalam aksesibilitas
Modul 3: Menyiapkan Lingkungan Pengembangan yang Aksesibel
- Alat: browser dev tools, pembaca layar (NVDA, VoiceOver), ekstensi aksesibilitas
- Mengatur linters dan alat pengujian aksesibilitas otomatis
- Ringkasan tentang alat pengujian aksesibilitas umum
- Mengatur pengujian aksesibilitas di simulator mobile dan perangkat nyata (menggunakan VoiceOver/TalkBack, Android Aksesibilitas Scanner, Xcode Aksesibilitas Inspector).
Modul 4: Pengkodean Praktis - Semantik HTML & Navigasi Keyboard
- Mengkodekan tata letak semantik untuk aksesibilitas
- Mengatur navigasi penuh menggunakan keyboard
- Teknik manajemen fokus
- Menangani formulir dan elemen interaktif dengan aksesibel
Aksesibilitas dalam Aplikasi Mobile Native (Modul tambahan opsional selama 1.5 jam)
- Petunjuk platform utama (Google Material, Apple Human Interface)
- Membuat navigasi, tombol, dan formulir aksesibel di mobile
- Permasalahan aksesibilitas umum pada mobile dan solusinya
- Uji coba langsung dengan VoiceOver dan TalkBack
Hari 2: Pengkodean Lanjutan & Teknologi Bantuan
Modul 5: Desain Aksesibel dan Visual
- Praktik terbaik kontras warna dan ukuran teks
- Gaya fokus dan indikator fokus yang jelas
- Pertimbangan desain responsif untuk aksesibilitas
- Menghindari masalah dalam animasi dan transisi
- Guidelines kontras warna dan ukuran untuk layar mobile.
Modul 6: ARIA untuk Konten Dinamis & Aplikasi Internet Canggih
- Kapan dan bagaimana menggunakan atribut ARIA
- Mengelola area langsung untuk pembaca layar
- Membuat widget dan komponen kustom yang dapat diakses
- Peran ARIA dalam SPA (Single Page Applications)
- Untuk mobile, diskusikan peran aksesibilitas dan label dalam platform native (misalnya contentDescription di Android, accessibilityLabel di iOS).
Modul 7: Praktik Pengkodean - Membangun Komponen Aksesibel
- Membuat tombol, modals, dropdowns, dan tabs yang dapat diakses
- Melaksanakan validasi formulir dan penanganan kesalahan secara aksesibel
- Menggunakan ARIA dan semantik HTML untuk komponen UI dunia nyata
Hari 3: Pengujian, Kepatuhan, dan Aksesibilitas Berkelanjutan
Modul 8: Pengujian & Auditing Aksesibilitas
- Teknik pengujian manual dengan pembaca layar dan hanya keyboard
- Pengujian otomatis menggunakan alat seperti axe, Lighthouse, pa11y
- Membuat kasus uji coba aksesibilitas untuk tim QA
- Menyatukan pengujian aksesibilitas dalam pipa CI/CD
- Cara menjalankan audit aksesibilitas pada aplikasi mobile native (pengujian manual, alat otomatis seperti Aksesibilitas Scanner, Espresso untuk Android, XCTest untuk iOS)
Modul 9: Remediasi & Aksesibilitas Berkelanjutan
- Permasalahan aksesibilitas umum dan cara memperbaikinya
- Menyelenggarakan aksesibilitas dalam basis kode legasi
- Mempertahankan aksesibilitas selama pembaruan fitur dan refaktorisasi
- Aksesibilitas pada aplikasi multi-platform (mobile, desktop, web)
Modul 10: Latihan Praktik Akhir dan Penutupan
- Membuat atau merefaktor aplikasi/modul kecil untuk memenuhi standar aksesibilitas
- Pengulasan antar teman dan diskusi kelompok
- Sesi tanya jawab dan umpan balik
- Sumber daya untuk belajar berkelanjutan dan pembaruan kepatuhan
Modul ini memberikan pengantar ahli tentang undang-undang aksesibilitas baru yang diberlakukan dan mempersenjatai para pengembang dengan keterampilan praktis untuk mendesain, mengembangkan, dan memelihara aplikasi yang sepenuhnya dapat diakses. Mulai dari diskusi kontekstual tentang pentingnya undang-undang tersebut dan implikasinya, modul ini cepat beralih ke praktik pengkodean langsung, alat, dan teknik pengujian untuk memastikan kepatuhan dan inklusivitas bagi pengguna penyandang disabilitas.
Setelah menyelesaikan pelatihan ini, peserta akan dapat:
- Mengerti undang-undang aksesibilitas baru dan dampaknya pada produk digital
- Memperoleh pengalaman langsung dengan standar pengkodean aksesibilitas dan praktik terbaik
- Mempelajari cara menggunakan alat modern dan teknologi bantuan untuk menguji aksesibilitas
- Dapat menerapkan komponen UI yang dapat diakses sesuai dengan standar hukum dan etika
- Meningkatkan pengalaman pengguna bagi semua pengguna, termasuk penyandang disabilitas
- Menurunkan risiko hukum dengan memastikan aplikasi Anda memenuhi persyaratan aksesibilitas saat ini
Bentuk Pelatihan
- Lecture interaktif dan diskusi.
- Banyak latihan dan praktik.
- Pelaksanaan langsung di lingkungan lab hidup.
Opsi Kustomisasi Modul Pelatihan
- Untuk meminta pelatihan yang disesuaikan untuk modul ini, silakan hubungi kami untuk mengatur.
Pemahaman dasar hingga menengah tentang HTML, CSS, JavaScript
- Pemahaman dasar hingga menengah tentang teknik aplikasi mobile (Android, IOS)
- Familiaritas dengan kerangka kerja frontend (React, Angular, Vue, dll.) adalah nilai tambah
- Familiaritas dengan pengembangan aplikasi mobile adalah nilai tambah
- Pemahaman dasar tentang siklus hidup pengembangan web/mobile
- Laptop dengan lingkungan pengembangan yang disiapkan (pengolah kode, browser dev tools)
Audience:
- Frontend/Backend/Mobile Developers
- UI/UX Designers dengan pengetahuan pengkodean
- QA Engineers yang fokus pada pengujian aksesibilitas
- Pemilik Produk dan Manajer Proyek yang terlibat dalam kepatuhan aksesibilitas
Modul ini memberikan pengantar ahli tentang undang-undang aksesibilitas baru yang diberlakukan dan mempersenjatai para pengembang dengan keterampilan praktis untuk mendesain, mengembangkan, dan memelihara aplikasi yang sepenuhnya dapat diakses. Mulai dari diskusi kontekstual tentang pentingnya undang-undang tersebut dan implikasinya, modul ini cepat beralih ke praktik pengkodean langsung, alat, dan teknik pengujian untuk memastikan kepatuhan dan inklusivitas bagi pengguna penyandang disabilitas.
Persyaratan
- Pengetahuan dasar hingga menengah tentang HTML, CSS, JavaScript
- Pengetahuan dasar hingga intermedia tentang teknik aplikasi seluler (Android, IOS)
- Ketahui tentang kerangka kerja frontend (React, Angular, Vue, dll) adalah nilai tambah
- Ketahui tentang pengembangan aplikasi seluler adalah nilai tambah
- Pemahaman dasar tentang siklus hidup pengembangan web/mobilitas
- Laptop dengan lingkungan pengembangan yang disetting (pengolah kode, alat pengembang browser)
Audience - Frontend/Backend/Mobile Developers
- UI/UX Designers with coding knowledge
- QA Engineers focusing on accessibility testing
- Product Owners and Project Managers involved in accessibility compliance
Testimoni (5)
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
Elzbieta Moc-Kilanska - EY GDS
Kursus - User Experience UX Design Fundamentals
The trainer was extremely clear and concise. Very easy to understand and absorb the information.