
Mobile Accessibility Audit Framework
Audit mobile UI designs for WCAG compliance and generate remediation strategies
What You Can Do
You can conduct comprehensive accessibility audits of mobile UI designs and prototypes by leveraging Claude's contextual evaluation against WCAG 2.1 standards. The framework identifies nuanced accessibility issues that automated tools miss—from touch target sizing and color contrast to keyboard navigation and screen reader compatibility—and generates actionable remediation strategies tailored to your specific mobile context with implementation guidance.
Features
ensures buttons and interactive elements meet minimum 44×44dp tap requirements for mobile accessibility
evaluates visual hierarchy and contrast ratios for readability across different lighting conditions and vision types
reviews font sizes, line spacing, and text density for comfortable mobile consumption
identifies navigation flow issues and focus state visibility for non-touch users
assesses semantic structure, labeling, and announcements for assistive technology users
flags potentially problematic animations and identifies prefers-reduced-motion alternatives
ensures complex gestures have discoverable, accessible alternatives for users with motor difficulties
evaluates error handling, field labeling, validation messaging, and input accessibility
Example Output
Example 1: Touch Target Audit
Issue: Login button is 32×32dp
Severity: High
WCAG Criterion: 2.1.1 Keyboard, 2.5.5 Target Size
Recommendation: Increase to minimum 44×44dp with appropriate padding. Code:
<TouchableOpacity style={{minWidth: 44, minHeight: 44, padding: 12}}>
<Text>Login</Text>
</TouchableOpacity>
Example 2: Color Contrast Finding
Issue: Secondary button text (#777777) on light gray background (#EEEEEE) = 3.2:1 ratio
Severity: Medium
WCAG Criterion: 1.4.3 Contrast (Minimum)
Recommendation: Increase to 4.5:1 for AA compliance. Change text to #555555 or background to #F5F5F5.
Example 3: Prioritized Remediation Plan
- Critical (fix immediately): Form labels missing for screen readers
- High (sprint planning): Color contrast below 4.5:1 on primary CTA
- Medium (next release): Swipe gestures lack keyboard alternatives
- Low (design system update): Icon-only buttons need visible labels
What's Included
- SKILL.md: Complete framework instructions and audit methodology
- WCAG 2.1 Level AA Checklist: Structured assessment template covering all mobile accessibility criteria
- Remediation Priority Matrix: Template for triaging findings by severity and effort
- Code Recommendation Templates: Common remediation patterns (iOS/Android/React Native examples)
- Audit Report Template: Professional documentation format for stakeholder communication
Who It's For
- UX/UI designers — evaluating and improving mobile app accessibility before handoff to development
- Design system leads — establishing accessible component libraries and mobile design guidelines
- Product managers — prioritizing accessibility improvements and compliance initiatives
- Accessibility specialists — conducting thorough design reviews and training design teams
- Mobile developers — understanding design-level accessibility requirements and implementation guidance
Best For
- Pre-development design reviews to catch accessibility issues early
- Competitive accessibility analysis of competitor mobile applications
- Legacy mobile app accessibility improvement prioritization
- Accessibility training and team education on WCAG mobile compliance
- Design system accessibility audits and guideline creation







