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
 21 Jam

Jumlah Peserta


Biaya per Peserta

Testimoni (5)

Kursus Mendatang

Kategori Terkait