-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.5.1
-
Severity 3 - Minor
-
Issue Summary
The role "menuitem" is not defined for "Branch actions" button options, in the main content area.
Steps to Reproduce
- Open the homepage.
- Go to projects link present in header section.
- Activate "PROJ" link.
- Now activate the "awesome-go" link.
- Select a "Branches" link from side navigation.
- Go to "Branch actions" button and activate it.
- 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