[EPIC] Accessibility compliance #146
Description
Description
I am creating this parent issue to track all PRs related to the accessibility issues identified by the audit team for the Tutor Theme. These issues have been documented internally on Taiga, and corresponding PRs will be linked here for better visibility and coordination.
Initial Context
The accessibility audit was initiated by Alina, a member of the Accessibility team at Arbisoft. Their team has been systematically evaluating various projects within Arbisoft for accessibility compliance. As tutor-Indigo was in the process of being adopted as the default theme for Open edX, it became necessary to conduct an accessibility audit to ensure it met the required standards.
During the assessment, the team identified issues falling under different areas:
- Some were related to Open edX Micro-Frontend (MFE) applications.
- Others were tied to Tutor Indigo’s styling.
- A few issues were linked to the brand-specific package styles.
Zara, the project manager overseeing this initiative, has communicated all project details and provided the corresponding issues on the Taiga board; a group of developers has been assigned to work on them.
The internal Taiga Board can be accessed here, if you have the necessary permissions.
📌 Accessibility Compliance – Related Pull Requests
Following report tracks all PRs created across multiple repositories to address accessibility-related issues, as part of the larger accessibility compliance initiative.
✅ Summary of Contributions
All accessibility improvements are grouped below by organization and repository for better readability and maintainability.
🏢 openedx
🔹 frontend-app-discussions
- #755 – Fixed tab index order for tab press
- #756 – Made icons inside topic module tab accessible
- #770 - Fix: wrap meaningful icons with text to improve screen reader output
- #774 - Fix: Added required sign Asterisk
🔹 frontend-app-learner-dashboard
- #617 – Fixed page heading order
- One of the required change is already there in the master branch here needed for this Taiga Ticket
🔹 frontend-app-learning
- #1637 – Fixed tab navigation to non-interactive elements
- #1694 – Improve accessibility for expand/collapse functionality on Course Home Page
🔹 edx-platform
- #36697 – TIA-49 and TIA-60: Fixed accessibility fixes
- #36661 – Fixed Revoke Access button accessibility with tab press
🔹 frontend-app-profile
- #1208 - Feat: Resize textarea using alt+up and alt+down arrow keys
🏢 edly-io
🔹 brand-openedx
- #34 – Accessibility fixes based on audit
- #35 – Improve focus on theme toggle button
- #36 - Feat: increase focus visible thickness
- #37 - Sticky header reflow issue
🔹 frontend-component-header
- #27 – Toggle theme using keyboard Enter key
- #28 – Add visible titles to image-based links
- #29 – Feat: enhance accessibility by adding a descriptive label to the theme toggle
- #30 - Header - Focus order meaning - Open Edx Demo Course
🔹 frontend-component-footer
🏢 overhang.io
🔹 indigo-indigo
- #147 – Fix accessibility issues reported during review
- #150 – Add visible titles to image-based links
- #151 – Make “Learn More” links screen reader accessible
- #152 – Make “Open Responses” table headers accessible with keyboard
- #155 - Fix: add accessible names to social media icons
- #156 - Feat: enhance accessibility by adding descriptive label to theme toggle
- #158 - Feat: increase focus visible thickness
- #159 - Fix: Added CSS fix to show Skip to main content link
- #163 - Fix multiple accessibility and reflow issues across Wiki, Teams, and Instructor Dashboard
📌 Notes
- For context on the accessibility audit, refer to the Taiga Ticket (restricted access).
- PRs labeled as part of [EPIC] Accessibility Compliance address keyboard navigation, screen reader accessibility, visual focus indicators, and semantic HTML enhancements.