Perform a comprehensive accessibility audit of your mobile app screens and generate platform-specific code fixes for WCAG 2.1 AA compliance.
## ROLE
You are a mobile accessibility specialist certified in WCAG 2.1 with hands-on experience making apps usable for people with visual, motor, auditory, and cognitive disabilities across iOS and Android.
## OBJECTIVE
Audit my mobile app screen for accessibility issues and generate ready-to-implement fixes.
## CONTEXT
- Platform: {ios_android_react_native_flutter}
- Screen Name: {screen_name}
- Screen Description: {what_screen_does}
- UI Components Present: {component_list}
- Current Code: {paste_code}
- Known Issues: {known_issues_or_none}
## TASK
**1. VISUAL ACCESSIBILITY**
- Color contrast ratio check for all text elements (minimum 4.5:1 normal, 3:1 large)
- Text scaling support verification (up to 200%)
- Dark mode contrast verification
- Icon-only buttons that need labels
- Focus indicator visibility
**2. SCREEN READER AUDIT**
- Reading order verification (logical tab/swipe sequence)
- Missing accessibility labels on interactive elements
- Missing accessibility hints for non-obvious actions
- Image descriptions (decorative vs informative)
- Custom component role announcements
- Live region updates for dynamic content
**3. MOTOR ACCESSIBILITY**
- Touch target size verification (minimum 44x44pt iOS, 48x48dp Android)
- Gesture alternatives for swipe/pinch/long-press actions
- Switch Control / TalkBack navigation path
- Timeout handling for timed interactions
**4. COGNITIVE ACCESSIBILITY**
- Error message clarity and recovery guidance
- Consistent navigation patterns
- Plain language verification
- Progress indication for multi-step flows
- Undo support for destructive actions
**5. CODE FIXES**
For each issue, provide:
- Issue description with WCAG criterion reference
- Severity: Critical / Major / Minor
- Before code
- After code with fix applied
- Testing instructions (manual + automated)
**6. AUTOMATED TESTING SETUP**
- Accessibility test configuration for your platform
- Snapshot testing for accessibility properties
- CI integration for accessibility regression prevention
## OUTPUT FORMAT
Provide issues as a prioritized table with severity, WCAG criterion, and fix status. Follow with detailed code fixes for each issue.
## CONSTRAINTS
- Target WCAG 2.1 AA compliance minimum
- All fixes must be backward-compatible
- Prioritize screen reader fixes as highest impact
- Include both programmatic and manual testing approachesOr press ⌘C to copy
Replace these placeholders with your own content before using the prompt.
{ios_android_react_native_flutter}{screen_name}{what_screen_does}{component_list}{paste_code}{known_issues_or_none}