Skip to content

Audit and fix accessibility in QRScannerScreen.tsx for VoiceOver / TalkBack users #609

Description

@success-OG

Labels: frontend accessibility

Background
src/screens/QRScannerScreen.tsx (11 KB) relies entirely on the camera viewfinder with no accessibility support. VoiceOver and TalkBack users cannot use the QR scanner at all — there is no alternative input method and no announcements when a code is detected.

What "Done" Looks Like

  • Announce "QR code detected" via AccessibilityInfo.announceForAccessibility() when a scan succeeds
  • Add a "Enter code manually" button as an alternative input for screen-reader users
  • All interactive elements have accessibilityLabel and accessibilityRole
  • Haptic feedback on successful scan (already available via Expo Haptics)
  • Test with iOS VoiceOver and Android TalkBack (manual test notes required in PR)

Metadata

Metadata

Assignees

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions