-
Bug
-
Resolution: Done
-
Low
-
8.20.1, 9.0.0
-
8.2
-
Severity 3 - Minor
-
Issue Summary
The button is missing both a role and an accessible name/label.
Element: "...(3 dots)" (Menu button)
Location: Beside the "Version 3.0" and "version 2.0" heading
Steps to Reproduce
- In the Jira header, navigate to the Projects link and select any project.
- In the sidebar of the project, navigate to the Backlog link and activate it.
- Near the sidebar, activate the "Versions" button.
- In the Expanded Versions menu, inspect the (...) 3 dots interactive element.
Actual Results
In the versions expanded filter section, the interactive elements has a missing role and value for it. The functionlity of the element is similar to a menu button. This would not make the screen reader understand the purpose associated with it.
Additionally, the elements have missing keyboard support.
Expected Results
The element has a functionality more over like a menu button. The element could be defined as an <button> element or a role="button" could be provided.
An accessible name should be provided with an aria-label, such as aria-label="Actions".
Add the role="Menu" to the <ul> of the list and role= "menuitem" to the list of perticular item.
Ensure the elements receive keyboard focus and screen reader focus.
An example could be found at : https://www.w3.org/WAI/ARIA/apg/example-index/menu-button/menu-button-links.html
Screenshot
Workaround
Currently, there is no known workaround for this behavior. A workaround will be added here when available.
Bug Ref: 726959