[Accessibility] Interactive elements across quiz and course screens are missing accessibility labels

[RUKAYAT-CODER]

Overview

Quiz answer options, lesson navigation buttons, and course card press targets lack accessibilityLabel props. Screen readers announce these as generic "button" elements, making the app unusable for visually impaired users.

Specifications

Features:

• Audit all TouchableOpacity and Pressable elements in quiz and course screens
• Add accessibilityLabel, accessibilityRole, and accessibilityHint props to each

Tasks:

• Run the Accessibility Inspector audit on the Quiz and Course screens
• Add labels to at least: answer options, next/prev lesson buttons, course cards, bookmark buttons
• Write accessibility snapshot tests

Impacted Files:

• src/screens/quiz/ (all files)
• src/screens/course/ (all files)
• src/components/course/CourseCard.tsx

Acceptance Criteria

• All interactive elements have meaningful accessibility labels
• VoiceOver/TalkBack announces correct descriptions
• Accessibility test suite passes in CI

[JohnOluB]

@JohnOluB has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I'll audit all interactive elements across the quiz and course screens and add meaningful accessibilityLabel, accessibilityRole, and accessibilityHint props to improve the experience for VoiceOver and TalkBack users. I'll verify the changes with an accessibility audit, add snapshot tests for the updated components, and ensure all accessibility checks pass without affecting existing functionality.

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

[amberly-d]

@amberly-d has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

can i work on this?

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

[drips-wave]

Congratulations, @amberly-d! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @amberly-d: 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 @amberly-d as part of the Stellar Wave Program's 7th Wave 🥳

😎 @amberly-d: 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.