Issue Summary

In the  Details and People section, the Combobox input fields are inaccessible for keyboard alone users.

Element Name: Details and people section Combobox input fields.

Location of the element: Present in the Issue details panel.

Steps to Reproduce

1.  In the Jira dashboard, Navigate to the "Project " menu link in the header section.
2.  Navigate to any project and activate it.
3.  In the left panel, select the "SS board" board.
4. In the "SS board" dashboard under the "TO DO" list select any bug which with open a details section on the right side of the page.
5. Navigate to the Combobox input field elements in the Details and Peoples section of the Details panel which is available.

Actual Results

In the bug details panel, the input fields for the Details and Peoples sections edit icon do not receive keyboard focus or screen reader focus. The edit icon is also available when the user navigates on the data with a mouse and activates it, or clicking on the data the Combobox input field is available.

The edit icon is coded into <span class="overlay-icon aui-icon aui-icon-small aui-iconfont-edit"></span> incorrectly and hidden through CSS.

This makes it keyboard-only and screen reader users difficult to access the Combobox input field and edit it.

Expected Results

Following are the expected keyboard interactions.

• The Combobox input field icon should receive keyboard focus and screen reader.
• The Combobox input field icon should be available and not hidden.

Apply the following suggested fixes in the source code.

• Provide a clear & descriptive label and role to the edit element. For Example: 

1. Provide the icon element with role="button".
2. Additionally provide the element with aria-labelledby="edit Assignee", etc.

Screenshot

Screen Recording

Screen Recording 2022-07-06 at 8.18.05 PM.mov

Workaround

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

Bug Ref: 733690