Top Navigation: Expand/collapse state of the button not defined

XMLWordPrintable

    • Minor
    • Accessibility

      Issue Summary

      The "Notifications" button does not communicate its expanded/collapsed state.

      Steps to Reproduce

      1. Open the Jira Cloud homepage.
      2. Using a screen reader, navigate to the top navigation section and activate the "Notifications" button.
      3. Observe that the expand/collapse state is not announced for the button.

      Screen Recording

      Expand/collapse state issue

      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

              Assignee:
              Unassigned
              Reporter:
              Chirag Goyal
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated: