Reports Burndown Chart : Combobox is not accessible for keyboard & screen reader users.

Issue Summary

On burndown chart reports page, the combobox provided to change the report type is not accessible for Keyboard & screen reader users.

Similar issue is observed on following reports

• Burnup chart
• Version report
• Release burndown

Steps to Reproduce

1. In the Jira dashboard, Navigate to the "Project " menu link in the header section.
2.  Select a "Scrum S/D" or any other project.
3. Navigate to the "Reports" link available in the left panel of the main content area.
4. In the "All reports" select the "Burndown Chart" link.
5. Navigate to the Combobox such as "Story points" present inside main content.

Actual Results

While navigating with Keyboard & screen reader, in the "Burndown Chart" dashboard the Combobox such as "Story points" present inside the main content doesn’t get activated with Keyboard enter/space keys. But currently, it gets activated with a mouse only. 

Also, the Combobox input element doesn’t have an accessible label associated with it. 

Role="listbox" is provided to the <div> element incorrectly.

The code of listbox popup is provided at the end of the page incorrectly.

Expected Results

Following are the expected keyboard interactions.

• The Combobox element should be activated via Keyboard enter/space keys and on pressing the "Escape" key it should collapse.
• Once the Combobox is expanded , the user should be able to navigate through the options with the "Up" and "Down" arrow keys.
• The screen reader should announce the options correctly.
• When the option is selected and the dropdown is collapsed the focus should remain on the dropdown element itself.
• Provide a visible or off-screen label such as "Choose report type" to the Combobox input element.
• Provide a role="combobox", aria-expanded="true" and role="button" to the <a>
• Provide role="listbox" to <ul> element and role="option" to the <li> elements.
• The code of listbox popup should be present right after the code of the Combobox input element in the source code in the DOM.

Note: The value of the label is provided from the QA perspective, so please confirm the same with the content design team before finalizing.

Screenshot

Screen Recording

JRASERVER-73388.mov

Workaround

Currently, there is no known workaround for this behavior. A workaround will be added here when available.

Bug Ref: 728037