Issue Summary

      The role "menuitem" is not defined for "Branch actions" button options, in the main content area.

      Steps to Reproduce

      1. Open the homepage.
      2. Go to projects link present in header section.
      3. Activate "PROJ" link.
      4. Now activate the "awesome-go" link.
      5. Select a "Branches" link from side navigation.
      6. Go to "Branch actions" button and activate it.
      7. Inspect the code of the options and verify that role is not defined programmatically.

      Screenshot 1

      Screenshot 2

      Actual Results

      The "Branch actions" button displays a menuitems such as "Compare", "Copy branch name", and so on. Programmatically role "menu" is defined correctly but role "menuitem" is not defined. This will result in difficulty for screen reader users to access the sub-menu links within the menu.

      Similar instances present in the table section> Actions column> "Branch actions".

      Expected Results

      Provide role "menuitem" to the options such as "Compare", "Copy branch name", and so on. Ensure that while navigating through these elements through assistive technology it should get announce with respective roles and state.

      Alternatively, implement the menu functionality by using appropriate ARIA roles, states and properties. Working examples and information on implementing accessible ARIA menus can be found at https://www.w3.org/WAI/ARIA/apg/example-index/menubar/menubar-navigation.html

      Code Snippet

      <div id="branch-actions-menu" class="aui-dropdown2 aui-style-default aui-layer aui-alignment-side-bottom aui-alignment-snap-auto aui-dropdown2-in-buttons" role="menu"..>
      <ul>
      <li class="branch-action-item">
      <a role="menutem" href="/projects/PROJ/repos/awesome-go/compare/commits?sourceBranch=refs%2Fheads%2Fmain" class="compare-branch-action" data-web-item-key="com.atlassian.bitbucket.server.bitbucket-client-web-fragments:compare-branch-action">Compare</a></li> 
      (...)
      </ul>
      </div>

      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 Sequoia Version 15.2 (24C101) 
      Chrome - Version 131.0.6778.266 (Official Build) (arm64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 18.2 (20620.1.16.11.8)
      JAWS- Version 2023
      NVDA- Version 2020.3

            [BSERV-19978] Branches: Role menuitem not defined

            There are no comments yet on this issue.

              Unassigned Unassigned
              c3f9a46dc7c4 Varsha Bansode
              Affected customers:
              0 This affects my team
              Watchers:
              1 Start watching this issue

                Created:
                Updated: