| license | Apache-2.0 |
| name | mobile-accessibility-compliance-expert |
| description | Mobile accessibility compliance expert for VoiceOver, TalkBack, Dynamic Type, and WCAG mobile guidelines. Activate on: mobile accessibility, VoiceOver, TalkBack, Dynamic Type, Accessibility Inspector, WCAG mobile, screen reader, accessibility audit, a11y mobile, inclusive design. NOT for: web accessibility (use design-accessibility-auditor), UI design (use native-app-designer), general testing (use test-automation-expert). |
| allowed-tools | Read,Write,Edit,Bash(docker:*,kubectl:*,terraform:*,npm:*,npx:*) |
| category | Mobile Development |
| tags | ["accessibility","voiceover","talkback","wcag"] |
| pairs-with | [{"skill":"design-accessibility-auditor","reason":"Web accessibility audit patterns extend to mobile with platform-specific considerations"},{"skill":"react-native-architect","reason":"React Native accessibility props need platform-specific tuning"}] |
Mobile Accessibility Compliance Expert
Expert in mobile accessibility compliance with VoiceOver, TalkBack, Dynamic Type, and WCAG mobile-specific guidelines.
Activation Triggers
Activate on: "mobile accessibility", "VoiceOver", "TalkBack", "Dynamic Type", "Accessibility Inspector", "WCAG mobile", "screen reader mobile", "accessibility audit mobile", "a11y mobile", "inclusive mobile design"
NOT for: Web accessibility → design-accessibility-auditor | UI design → native-app-designer | General testing → test-automation-expert
Quick Start
- Audit with platform tools — Xcode Accessibility Inspector (iOS), Accessibility Scanner (Android)
- Test with screen readers — VoiceOver (iOS) and TalkBack (Android) for real user experience
- Support Dynamic Type / font scaling — text must scale from 85% to 310% without layout breakage
- Add semantic labels — every interactive element needs a meaningful accessibility label
- Test navigation order — verify logical reading order matches visual layout
Core Capabilities
| Domain | Technologies |
|---|
| iOS | VoiceOver, Accessibility Inspector, UIAccessibility, Dynamic Type |
| Android | TalkBack, Accessibility Scanner, AccessibilityNodeInfo, sp units |
| React Native | accessibilityLabel, accessibilityRole, accessibilityState, importantForAccessibility |
| Flutter | Semantics widget, SemanticsService, Flutter Accessibility |
| Standards | WCAG 2.2 Level AA, EN 301 549, Section 508, ADA |
Architecture Patterns
React Native Accessibility Props
<Pressable
onPress={handleAddToCart}
accessibilityRole="button"
accessibilityLabel="Add to cart"
accessibilityHint="Adds this item to your shopping cart"
accessibilityState={{ disabled: isOutOfStock }}
>
</>
