Skip to content

Conversation

@zubairshakoorarbisoft
Copy link

@zubairshakoorarbisoft zubairshakoorarbisoft commented Apr 24, 2025

Accessibility Fixes for Indigo Theme/Plugin

The audit team identified several accessibility-related issues within the Indigo Theme/Plugin. While investigating these issues, I discovered a package that required modifications to improve accessibility.

After a thorough review and debugging process, I implemented several fixes to address these problems. The issues were tracked on a Taiga board, and I’ve attempted to resolve all brand-openedx related issues within a single pull request.

🔧 Summary of Changes

  • Enhanced focus visibility on the course title
  • Discussion and Question icons on the Discussion page
  • Theme toggle button

I’ve included references to the corresponding issues below for additional context:

Related Issues on Taiga

  1. TIA-53 – FOverlap between "Skip to Main Content" button and Menu Hamburger Icon at 200% Zoom. 2.4.11 Focus Not Obscured (Minimum)
  2. TIA-145 – Delete My Account" Button Lacks Focus Visibility
  3. TIA-58 – Course (Home) page: Icons under Course Tools fail the Non Text Contrast Requirement
  4. Discussion page: Non text contrast for discussion and question icon is below the minimum requirment
  5. Admin & Student Profile Page: Theme toggle button fails contrast requirements

🖼️ Screenshots/Sandbox

Before After
image image

Before After
image image

Before After
image image

Before After
image image

Before After
image image

Please refer to the linked issues above for a deeper understanding of the context and the improvements made.
Related to overhangio/tutor-indigo#146

@zubairshakoorarbisoft zubairshakoorarbisoft force-pushed the zubair/tutor-indigo-fixes branch from 128945a to 1bd5c10 Compare June 10, 2025 11:14
Copy link

@ahmed-arb ahmed-arb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for this PR!

To help with the review, could you please:

  • Provide "before and after" screenshots or a short video for the fixes/changes addressed in this PR.
  • Summarize the specific changes made in this PR e.g "Improved button focus styling", "Adjusted 'Skip to Main Content' button positioning", etc.

This will greatly assist in verifying the fixes and ensure everything is working as expected.

Comment on lines 263 to 272
.btn-brand,
.btn-primary,
.btn-tertiary,
.btn-outline-danger,
.btn-outline-primary,
.btn-inverse-outline-primary {
&:focus {
box-shadow: 0 0 0 2px #015fcc !important;
}
}

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I am not sure, but general changes like these should be in generic files like _base.scss or _overrides.scss. So that we don't repeat them over and over, like we are doing in this PR.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ahmed-arb thanks for the review. I am going to remove this piece of code as rahat has made a generic fix in this PR which is also fixing this problem as well but another way.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This code has been removed.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There's a github "No newline at the end of file" error here.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

done

@zubairshakoorarbisoft
Copy link
Author

Thanks for this PR!

To help with the review, could you please:

  • Provide "before and after" screenshots or a short video for the fixes/changes addressed in this PR.
  • Summarize the specific changes made in this PR e.g "Improved button focus styling", "Adjusted 'Skip to Main Content' button positioning", etc.

This will greatly assist in verifying the fixes and ensure everything is working as expected.

@ahmed-arb , there are a lot of tickets addressed int this PR, so attaching screenshots for each cause PR messy, that's why attached taiga tickets links in the description, they have pretty details of the issue been addressed.

@arbirali arbirali requested review from ahmed-arb and arbirali June 17, 2025 06:39
@arbirali
Copy link

@ahmed-arb I’ve updated the PR description to include a summary of the specific changes made and also added before/after screenshots for clarity. Let me know if there’s anything else you'd like me to adjust.

CC: @zubairshakoorarbisoft

@zubairshakoorarbisoft
Copy link
Author

@ahmed-arb I’ve updated the PR description to include a summary of the specific changes made and also added before/after screenshots for clarity. Let me know if there’s anything else you'd like me to adjust.

CC: @zubairshakoorarbisoft

@ahmed-arb schreenshot has been attached, please have a final look into it again.

Thanks @arbirali

@ahmed-arb ahmed-arb merged commit 8897e57 into edly-io:sumac/indigo Jun 24, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants