Issue Summary

On backlog page, the (...) Show issues link & popup are inaccessible for keyboard & screen reader users.

Steps to Reproduce

1. Navigate to the Jira dashboard page.
2. Activate the "Projects" menu in header section.
3. Activate any project link from the menu. 
4. Navigate to the Backlog page from left Navigation.
5. Navigate to the "more options (...)" link in main content area.
6. Observe that screen reader doesn’t announce any label.

Actual Results

While navigating with screen reader, when user navigate to the "more action (...)" link inside "backlog" section, the screen reader announce as "menu 0 items" incorrectly. 

Additionally following issues are observed while testing.

• The role="menu" attribute is provided to the link element incorrectly.
• There is no label/context provided to the link in the source code.
• The text "Show" present inside popup is not marked as heading element & is non-descriptive.
• The <ul> element doesn’t have role="group" attribute.
• When popup is expanded the focus is set to <div> element incorrectly.

Expected Results

Apply following fixes.

• Remove the role="menu" attribute from the link element.
• The element should be marked inside native <button> element or provide role="button".
• Provide an Accessible label to the button element. For Example : aria-label="Show issues".
• Update the text as "Show issues" present inside popup and mark it as <H2> element. 
• Provide role="group" to the <ul> element.
• When popup is expanded set the focus to first radio button i.e "100 issues".

Screenshot

Screen Recording

Screen Recording 2022-04-13 at 11.02.42 PM.mov

Workaround

workaround

Bug Ref: 726242