duct-tape2/ai-language-partner
View on GitHubmobile: audit touch target sizes in bottom tabs
Open
#13 opened on Jul 8, 2026
accessibilityfirst-timers-onlygood first issuehelp wantedmobiletestsup-for-grabs
Repository metrics
- Stars
- (2 stars)
- PR merge metrics
- (PR metrics pending)
Description
Goal
Guarantee that all five bottom-navigation tabs expose a stable touch target of at least 48 logical pixels high. The target should remain large enough even if icon, font, or label metrics change later.
Where to work
apps/mobile/App.tsxaround theTABS.map(...)bottom-navigation buttonsapps/mobile/scripts/verify-frontend-regressions.mjsfor a focused regression guard
Suggested scope
- Give each bottom-tab
TouchableOpacityan explicitminHeight: 48(or an equivalent stable layout rule) while preserving the five equal-width tabs. - Keep the existing
hitSlop,accessibilityRole,accessibilityLabel, and selectedaccessibilityStatebehavior. - Extend the frontend regression script so removing the minimum target-size guarantee fails
npm run verify.
Acceptance criteria
- Each of the five bottom tabs has a stable target height of at least 48 logical pixels.
- Labels and icons remain centered and do not overlap at narrow mobile width.
- Existing accessibility metadata remains intact.
cd apps/mobile && npm run verifypasses.python3 scripts/check_public_tree.pypasses.- The PR body includes
Closes #13and briefly explains the accessibility benefit.
Non-goals
- Do not replace the navigation architecture or redesign the tab bar.
- Do not add screenshots, generated assets, local engines, or private files.
Comment /claim before starting so another contributor is not assigned the same first issue.