Search Issue - Columns popup: checkbox elements are not accessible to screen reader users

Issue Summary

On Issue search page, the checkbox elements such "key", "priority", "reporter", etc present under the "Columns" popup are not announced as checkboxes by the screen reader. Also the state checked/unchecked is also not announced by screen reader.

Steps to Reproduce

1. Navigate to the Jira system dashboard page.
2. Navigate to "Issues" button in header section & activate it.
3. Activate "Search for issues" link from the menu.
4. Navigate to Columns button & activate it.
5. Navigate to the checkbox elements inside the popup.

Actual Results

While navigating with screen reader, when user navigate inside "Columns"  popup and use up/down arrow keys, the checkbox elements such as "key", "priority", "reporter", etc etc are announced as text element. Also the state of the checkbox i.e checked/unchecked is not announced by screen reader software.

Additionally the the checkbox elements are wrapped inside listbox & option elements incorrectly. Also when the user activates any checkbox element the focus goes to the background content inappropriately.

Expected Results

The screen reader should announce the checkbox elements correctly & should also announce the state checked/unchecked. Apply following fixes.

• Remove the role="listbox" from the <div> element.
• Remove the role="option" from the <li> element.
• Remove the tabindex="-1" attributes from the <input> checkbox elements.

Screenshot

Screen Recording

Screen Recording 2022-03-25 at 5.25.07 PM.mov

Workaround

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

Bug Ref: 724384