Skip to content

Improved accessibility of Help widget navigation arrows (ARIA + keyboard support)#5923

Open
codeGurhans wants to merge 5 commits intosugarlabs:masterfrom
codeGurhans:fix-help-widget-aria
Open

Improved accessibility of Help widget navigation arrows (ARIA + keyboard support)#5923
codeGurhans wants to merge 5 commits intosugarlabs:masterfrom
codeGurhans:fix-help-widget-aria

Conversation

@codeGurhans
Copy link

Hi, this PR adds accessibility improvements to the Help widget navigation arrows by introducing ARIA attributes and keyboard support.

Changes Made

  • Added role="button" to the navigation arrow elements
  • Added tabindex="0" to enable keyboard focus
  • Added aria-label attributes for screen reader support

Impact

These changes improve accessibility for:

  • Keyboard-only users
  • Screen reader users

Testing

  • Verified that the navigation arrows can receive keyboard focus using the Tab key
  • Confirmed that arrow functionality remains unchanged

Files Modified

  • js/widgets/help.js

There are no visual or functional changes to the existing behavior.

@github-actions
Copy link
Contributor

✅ All Jest tests passed! This PR is ready to merge.

@github-actions
Copy link
Contributor

github-actions bot commented Mar 1, 2026

✅ All Jest tests passed! This PR is ready to merge.

@codeGurhans
Copy link
Author

Hi. This is just a follow up
I have done the changes regarding the improvement in accessibility of the help widget.
Thank You!
@kjcole @vanshika2720

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.

1 participant