Implement Mobile Accessibility

[RUKAYAT-CODER]

Overview

Ensure full accessibility compliance for mobile screen readers and assistive technologies.

Background

Mobile accessibility requires specific considerations for VoiceOver and TalkBack.

Specifications

Accessibility Features:

• Screen reader compatibility
• Dynamic text sizing
• Touch target sizing
• Focus management
• Announcement handling

Tasks:

• Add proper ARIA labels throughout
• Implement dynamic font scaling
• Ensure minimum touch targets
• Manage focus for modals
• Create screen reader announcements

Impacted Files:

• src/utils/accessibility.ts (new)
• src/hooks/useDynamicFontSize.ts (new)
• src/hooks/useScreenReader.ts (new)
• src/components/mobile/AccessibleButton.tsx (new)
• src/styles/accessibility.css (new)

Labels: mobile, accessibility, a11y, screen-reader, priority-high

Acceptance Criteria

• VoiceOver navigates correctly
• TalkBack reads all content
• Text scales without breaking layout
• Touch targets are 44px minimum
• Focus traps work in modals

🙌Contribution Guidelines:

Assignment required before PR submission
Timeframe: 72-96 hours
Include the screenshot of your implementation/s or server running
PR description must include: Close #[issue-number]
Star the repo⭐
For more context, please refer to the mobile README 🚀

[Emmzyemms]

@Emmzyemms has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hello Maintainers,
I’m a full-stack and smart contract developer with experience building responsive frontend interfaces, scalable backend systems, and secure blockchain applications

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Emmzyemms to this issue.

[drips-wave]

Congratulations, @Emmzyemms! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @Emmzyemms: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @Emmzyemms as part of the Stellar Wave Program's 3rd Wave 🥳

😎 @Emmzyemms: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.