Getting started with mobile accessibility: iOS, Android, and Flutter
summary
A simple color‑matching sample app is built for iOS (Swift/SwiftUI/UIKit), Android (Kotlin/XML/Compose) and Flutter and then fixed for six concrete issues: low contrast (aim for 4.5:1), broken large‑text layouts (support 200% resize), small touch targets (≥44×44/48×48), missing labels (set accessibilityLabel/contentDescription/semantics), wrong focus order (accessibilityElements / traversalBefore/After / sortPriority), and noisy decorative elements (exclude from semantics). Use Accessibility Inspector, Accessibility Scanner and the semantics debugger, plus VoiceOver/TalkBack manual testing (explore by touch, swipe, double‑tap) to verify.
AI-written summary · about
chapters (12)
- 0:00Start
- 3:54Example App
- 4:34Terms
- 6:10Testing Tools
- 9:06Manual Testing with a Screen Reader
- 11:35Color Contrast
- 14:54Dynamic Text Sizing
- 21:04Touch Targets
- 25:00Labels
- 33:595. Ordering
- 34:14Ignoring
- 37:38Conclusion: Your accessibility journey
related talks
42mMake Your Mobile Apps Accessible to All
17mStop Treating Accessibility as an Afterthought: Concrete Steps to Build Inclusive Apps
31mAfterthought: Concrete Steps to Build Inclusive Apps
15mTesting that your app is accessible to all
46mMobile accessibility - challenges and best practices
32mMaking Android accessibility easy
34mIs your app for everyone? A primer on accessibility for Android
48mAndroid for Everyone: Accessibility in Android