openedx / openedx/frontend-app-learning
[a11y]: Open Notifications Tray Disclosure Button
Open
@peterkulko is already working on this.
Since Mar 25, 2026.
a11y
- Dominant language
- JavaScript
- Stars
- 70
- Forks
- 335
- Avg merge
- 1d 17h
- Merged PRs (30d)
- 35
Description
Description
The open notifications tray button lacks mark up and keyboard interaction to support accessibility for someone who uses a screen reader. The following issues are present:
- Pressing tab or the arrow keys does not focus the notification tray after activating the open notifications tray button. It focuses the “Previous” button in the course top bar instead.
- The notifications tray button does not express whether it is expanded or collapsed.
A person using a screen reader would not know whether the tray was expanded or collapsed, and they would have significant difficulty navigating to the tray once expanded. In smaller viewports a person using keyboard only navigation would be unable to close the notification tray without first tabbing through the background content of the page.
PR: https://github.com/openedx/frontend-app-learning/pull/1817
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.