Details
-
Bug
-
Resolution: Fixed
-
High
-
8.20.1
-
8.2
-
Severity 2 - Major
-
Description
Issue Summary
In backlog page, the more (...) button & the "edit name" link (it appears when you click on more button) present inside Versions panel are inaccessible for keyboard only users.
Issue Id: 726890
Steps to Reproduce
- Navigate to Jira dashboard page.
- Navigate to any project inside Jira.
- Navigate to the backlog page.
- Navigate to the "Versions" button in main content & activate it.
- Navigate to the more button (...) inside the versions panel.
Actual Results
While navigating with keyboard, when user navigate inside "Versions" panel, the more options (...) element doesn’t receive keyboard focus & also it can’t be activated via Keyboard. The element is coded inside a <div> element incorrectly. Also the element doesn’t have an Accessible label.
Also the "edit name" link (it appears when you click on more options element) is not accessible via Keyboard. The "tabindex=-1" attribute is provided incorrectly to the link.
Expected Results
Ensure that the more options element & edit name link are accessible via Keyboard. Apply following fixes.
More options (...)
- Mark the more options inside a native <button> element instead of <div> element.
- Ensure that the button can be activated via keyboard enter/space keys.
- Provide an Accessible label via aria-label. For Example : "More options"
Edit name
- Remove the tabindex="-1" attribute from the link element.
- Ensure that when user activates the "more options" button the next focus should go to "edit name" link.
- Set the focus to edit name link explicitly or ensure that the code of "Edit name" menu is present right after the code of "More options" button in the DOM panel.
Screenshots
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Attachments
Issue Links
- duplicates
-
JRASERVER-73418 Versions and Epics filter : Button : Button is missing both a role and a name.
- Closed
- mentioned in
-
Page Loading...