duct-tape2/ai-language-partner
View on GitHubmobile: add accessibility labels to voice preview controls
Open
#14 opened on Jul 8, 2026
accessibilityclaimedgood first issuemobile
Repository metrics
- Stars
- (2 stars)
- PR merge metrics
- (PR metrics pending)
Description
Goal
Make each Voice Gallery sample card announce a useful, localized action and voice identity to screen-reader users.
Scope
- Edit
apps/mobile/src/screens/VoiceGalleryScreen.tsx. - Add an explicit
accessibilityLabelto thePressablethat plays an individual voice sample. - Build the label from existing localized
STRINGS.voiceGallery.play/playingtext plus the voice'scharacterNameandstyleName. - Reflect the current
activestate in the announced text; an appropriateaccessibilityStatemay be added if it matches React Native semantics. - Keep playback behavior, layout, filters, API calls, and translation dictionaries unchanged.
- Do not combine this with the broader accessibility-regression work tracked in #48.
Acceptance Criteria
- An idle voice card announces the play action and identifies the character/style.
- The currently playing card announces its playing state and the same voice identity.
- Labels are derived from existing localized strings rather than new hardcoded Korean or Japanese copy.
- Existing Voice Gallery behavior and TypeScript checks remain passing.
- The PR body includes
Closes #14and names the checks run.
Suggested Verification
cd apps/mobile
npm run verify
cd ../..
python3 scripts/check_public_tree.py
Codespaces can run the checks without changing your local environment: https://duct-tape2.github.io/ai-language-partner/community/CODESPACES_FIRST_PR.html