-
Type:
Bug
-
Resolution: Unresolved
-
Priority:
High
-
Component/s: Navigation - Top
-
Minor
-
Accessibility
Issue Summary
The "Notifications" button does not communicate its expanded/collapsed state.
Steps to Reproduce
- Open the Jira Cloud homepage.
- Using a screen reader, navigate to the top navigation section and activate the "Notifications" button.
- Observe that the expand/collapse state is not announced for the button.
Screen Recording
Actual Results
When users activate the “Notifications” button, a Notifications panel is expanded and collapsed below the button. However, the expanded/collapsed state of the button is not conveyed programmatically to screen reader users.
This issue occurs because the <button> element does not include the required ARIA attributes, such as aria-expanded and aria-haspopup="dialog".
As a result, screen reader users are not informed about the expanded/collapsed state of the button or that it triggers a dialog-style popup.
Expected Results
The button should programmatically convey its expanded/collapsed state and indicate that it triggers a dialog-style popup to screen reader users.
Apply the following changes:
- Set "aria-expanded" attribute to "false" for the button by default as the button is in the collapsed state.
- Ensure that the value of "aria-expanded" attribute changes to "true" in expanded state on user interaction via scripting.
- Add aria-haspopup="dialog" to indicate that the button opens a dialog-style popup.
Note: This code example is intended only as a general illustration of how to address the violation and should not be considered a complete or production-ready solution. If you have any questions, please attach this ticket to a #help-accessibility request.
Code Snippet:
<button aria-expanded="false" aria-haspopup="dialog"> Notifications </button>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOS Tahoe 26.4
Operations - Windows11
Chrome - 148.0.7778.179 (Official Build) (64-bit)
Safari- Version 26.4
JAWS- Version 2026
NVDA- Version 2025.3.3
VoiceOver - Version Latest