-
Bug
-
Resolution: Fixed
-
Low
-
4.20.0, 5.3.1
-
Severity 3 - Minor
-
Issue Summary
Role menu items not provided for the list items such as "All open", "Unassigned issues", "Assigned to me", etc. and have some missing labels and roles in the component.
Steps to Reproduce
- Open the "Home page", navigate to "Projects" dropdown link in header section.
- Navigate to "ITSM(ITSM)" link and activate it.
- Navigate to left pane and activate "Queues" and activate it.
- Navigate to "Switch Queues" and activate it.
- Expand the "Switch Queues" and Inspect the code.
Actual Results
For the switch button to switch the Queues has a missing label, which reflects the issue of the button not being announced to the screen reader users. This makes it the screen reader user difficult to understand the purpose associated with the button.
The role="menu" is provided incorrectly to the <button> element instead of the <ul> element.
The role "menuitem" had not been provided for the list items such as "All open", "Unassigned issues", "Assigned to me", etc. (that becomes available on activating "Switch Queues"). As a result, screen reader users found it difficult to understand the functionality effectively.
Expected Results
- Provide an aria-label to the <button> element such as aria-label="Switch queue" <button> element. Ensure the button is announced appropriately to the screen reader users.
- Additionally, remove the role="menu" from the button element.
- Provide role "menu" for <ul> element and role="menuitem" to the <a> containing options such as "All open", "Unassigned issues", "Assigned to me", etc.
Refer to the following component implementation: https://www.w3.org/WAI/ARIA/apg/example-index/menu-button/menu-button-links.html
Screenshot
Workaround
Not Available
Bug Ref: 745386
Bulldog Ref:
- resolves
-
-
- Closed
-
