Mobile Programming

Membangun Aplikasi Mobile Accessibility-First dengan Jetpack Compose dan SwiftUI

Bangun aplikasi Android dan iOS yang inklusif dengan Jetpack Compose, SwiftUI, TalkBack, VoiceOver, dan standar WCAG.

Diperbarui 26 Agu 2026id7 bagian · 35 pelajaran4 jam 30 menit
Belum ada ulasan
Level Advanced
Kategori Mobile Programming
Perkiraan Durasi 4 jam 30 menit

Skill yang dibangun

Apa yang akan Anda pelajari

Menerapkan semantic properties, accessibility label, role, state, dan content description di Jetpack Compose serta SwiftUI.

Membangun navigasi yang nyaman dengan TalkBack dan VoiceOver, termasuk focus order, heading, rotor, dan live region.

Mengevaluasi touch target, warna, kontras, typography, dynamic type, dan layout responsif berdasarkan prinsip WCAG.

Menulis dan menjalankan accessibility test untuk menemukan masalah pada UI Android dan iOS sebelum aplikasi dirilis.

Siapa Target Audiens Kursus Ini

Mobile developer berpengalaman yang sudah menguasai Kotlin atau Swift, memahami Jetpack Compose atau SwiftUI, serta ingin membangun aplikasi Android dan iOS yang inklusif, dapat diuji, dan memenuhi standar aksesibilitas modern.

Project outcomes

Apa yang Akan Anda Buat

Kamu akan membangun aplikasi task management Android dan iOS dengan screen daftar tugas, detail tugas, form input, filter, empty state, loading state, dan error state. Setiap screen dirancang accessibility-first, bisa dinavigasi dengan TalkBack dan VoiceOver, mendukung ukuran teks besar, memiliki kontras yang layak, serta dilengkapi accessibility test dan checklist evaluasi berbasis WCAG.

Konten Kursus

Fondasi Accessibility-First untuk Mobile

5 pelajaran | 175 menit
Memahami Accessibility sebagai Product Requirement
30 menit
WCAG, WAI-ARIA, dan Prinsip Platform Native
35 menit
Mengaudit Kontras, Typography, dan Target Sentuh
35 menit
Mendesain Fokus, Urutan Navigasi, dan Feedback
40 menit
Menyusun Accessibility Test Plan
35 menit

Semantics dan Screen Reader di Jetpack Compose

5 pelajaran | 210 menit
Membaca Semantics Tree Compose
40 menit
Content Description, Role, dan State Description
40 menit
Merapikan Collection, Heading, dan Traversal Order
45 menit
Custom Action, Merge Descendants, dan Clear Semantics
45 menit
Mengirim Accessibility Event dan Menguji TalkBack
40 menit

Accessibility di SwiftUI dan VoiceOver

5 pelajaran | 215 menit
Memahami Accessibility Tree SwiftUI
40 menit
Accessibility Label, Hint, dan Value
40 menit
Traits, Element Group, dan Sort Priority
45 menit
Dynamic Type, Reduce Motion, dan Reduce Transparency
45 menit
Custom Rotor dan Pengujian VoiceOver
45 menit

Komponen, Form, dan Navigasi yang Inklusif

5 pelajaran | 230 menit
Membangun Accessible Design System
45 menit
Membuat Button, Card, dan List yang Konsisten
45 menit
Form Input, Validation, dan Error Recovery
50 menit
Dialog, Bottom Sheet, dan Focus Management
45 menit
Navigation, Deep Link, dan Back Behavior
45 menit

State, Async Data, dan Feedback yang Dapat Dipahami

5 pelajaran | 220 menit
Memodelkan UI State untuk Accessibility
40 menit
Loading State dan Progress Announcement
40 menit
Async API, Retry, dan Offline Feedback
50 menit
Dynamic Content, Live Region, dan Announcement
45 menit
Debugging Race Condition pada Feedback UI
45 menit

Testing, Audit, dan Delivery Accessibility

5 pelajaran | 240 menit
Compose UI Test untuk Semantics
50 menit
SwiftUI UI Test untuk Accessibility Identifier
50 menit
Automated Audit dengan Android dan iOS Tools
45 menit
Manual Testing dengan TalkBack dan VoiceOver
45 menit
Accessibility CI, Code Review, dan Definition of Done
50 menit

Proyek Akhir: Membangun Aplikasi Transit Inklusif

5 pelajaran | 420 menit
Perancangan & Setup Proyek Transit Inklusif
75 menit
Implementasi Fitur Pencarian dan Daftar Rute
90 menit
Integrasi Detail Perjalanan dan Status Real-Time
90 menit
Penyempurnaan Visual, Motion, dan Focus Flow
75 menit
Pengujian, Audit, dan Presentasi Hasil
90 menit

Deskripsi Kursus

Aksesibilitas bukan fitur tambahan yang dikerjakan menjelang rilis. Dari awal, kamu perlu memastikan setiap pengguna bisa memahami konten, menavigasi screen, dan menjalankan aksi utama aplikasi. Di kursus ini, kamu akan membangun cara berpikir accessibility-first untuk aplikasi Android dan iOS dengan Jetpack Compose serta SwiftUI.

Kamu akan bekerja dengan semantic properties, content description, accessibility label, focus order, touch target, dynamic type, warna, kontras, dan state yang bisa dibaca screen reader. Setiap konsep dibawa lewat contoh kode yang runnable, dibedah langkah demi langkah, lalu diuji menggunakan TalkBack, VoiceOver, accessibility inspector, dan automated testing.

Project akhirnya adalah aplikasi mobile lintas platform dengan alur yang realistis. Kamu akan memperbaiki accessibility issue yang umum muncul di code review, menulis accessibility test, dan mengevaluasi implementasi berdasarkan prinsip WCAG. Jadi bukan cuma tahu teorinya, tapi siap menerapkannya di codebase kerja nyata.

Rating & Ulasan

0 ratings