Issue Summary

The element appears and functions like a listbox but is missing required ARIA role(s) and/or attribute(s).

Element: "Select the field that issues are ordered by." Combobox
Location: On expanding section of the "Ordered by" link

Additional details: When the user starts typing a letter in the search field Listbox option is exposed but the number of list items is not exposed. Make sure the number of list items should be exposed to the screen reader users. (The screen reader should be announced like "List with 2 items", list with 3 items)

Note: Please refer to the screenshot for more information.

Steps to Reproduce

1. In the Jira header, navigate to the Projects link and select an available project.
2. In the available project dashboard, navigate to the Issues link in the sidebar section.
3. Navigate to the "Ordered by" dropdown. 

Actual Results

While navigating with a screen reader, when the user navigates to the "Order by" the Options are displayed, but when the user navigates through the options via up/down keys the screen reader doesn’t announce the options appropriately.

The elements appear and function like a Combobox & options but are missing required ARIA role(s) and/or attribute(s). 

This makes screen reader users difficult to understand & access these options effectively.

Expected Results

Fix this issue by the following technique:

• Remove role="combobox" from the input field.
• Provide role="lisbox" in the <div> element
• Remove list markup and provide <select> attribute.

Screenshot

Screen Recording

Screen Recording 2022-08-09 at 5.40.13 PM.mov

Workaround

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

Bug Ref: 739619