📖 Mobile Accessibility Bible

✅ Accessibility Checklists

Role-based checklists to ensure your mobile app meets accessibility standards.

👨‍💻 Developer Checklist

Text & Typography

  • Use `sp` units for all text sizes
  • Support Dynamic Type (iOS) / Font scaling (Android)
  • Maintain minimum 4.5:1 contrast ratio
  • Avoid using images for text content

Input & Navigation

  • Ensure all interactive elements are at least 44x44 points
  • Provide keyboard navigation support
  • Implement proper focus management
  • Add content descriptions for images
  • Use semantic HTML elements

Forms & Feedback

  • Associate labels with form inputs
  • Provide clear error messages
  • Implement proper form validation
  • Use appropriate input types

Testing

  • Test with screen readers (TalkBack/VoiceOver)
  • Verify keyboard navigation
  • Check color contrast ratios
  • Test with maximum font scaling

🎨 Designer Checklist

Visual Design

  • Use sufficient color contrast (4.5:1 minimum)
  • Don't rely solely on color to convey information
  • Ensure text is readable at all sizes
  • Provide visual focus indicators

Layout & Spacing

  • Use adequate spacing between interactive elements
  • Design for different screen sizes
  • Consider landscape and portrait orientations
  • Plan for text scaling

Motion & Animation

  • Respect user's motion preferences
  • Provide options to reduce motion
  • Ensure animations don't cause seizures
  • Keep animations subtle and purposeful

🧪 Tester Checklist

Manual Testing

  • Test with TalkBack (Android)
  • Test with VoiceOver (iOS)
  • Verify keyboard navigation
  • Check with high contrast mode
  • Test with maximum font scaling

Automated Testing

  • Run Accessibility Scanner (Android)
  • Use Accessibility Inspector (iOS)
  • Check for missing content descriptions
  • Verify proper heading structure
  • Test form accessibility

User Testing

  • Test with actual users with disabilities
  • Gather feedback on usability
  • Document accessibility barriers
  • Prioritize fixes based on impact

📱 Platform-Specific Testing

🤖 Android

  • Test with TalkBack enabled
  • Verify Switch Access compatibility
  • Check Voice Access functionality
  • Test with Accessibility Scanner

🍎 iOS

  • Test with VoiceOver enabled
  • Verify Voice Control compatibility
  • Check Switch Control functionality
  • Test with Accessibility Inspector

🌐 Cross-platform

  • Test on both platforms
  • Verify platform-specific accessibility features
  • Check framework accessibility support
  • Test with platform-specific tools

Use these checklists throughout your development process to ensure accessibility is built in from the start.