View Issue : User profile popup is not accessible for Keyboard & screen reader users.

Issue Summary

On issue view page, the user profile popup contents which appears when user hover mouse over the elements such as "Assignee", "Reporter", etc are not accessible for keyboard & screen reader users.

Note: Similar issue was observed on following pages.

• Kanban board

Steps to Reproduce

1. Navigate to Jira Dashboard page.
2. Navigate to the "Projects" menu button in header section.
3. Navigate to any project from the menu. For Example : "Test-1"
4. Navigate to "Kanban board" page from left Navigation.
5. Navigate to any issue link in main content area. For Example : "T1-1"
6. Navigate to Assignee or Reporter elements.

Actual Results

While navigating with Keyboard and screen reader, when user navigate to the Assignee or Reporter elements, the contents of user profile popup don’t receive Keyboard focus & also screen reader doesn’t announce the contents.

Currently the popup is displayed only when user hover the mouse over the Assignee or Reporter elements.

The popup container is missing required ARIA attributes such as role, name etc. Also the popup code is present at the end of the DOM incorrectly.

Expected Results

The user profile popup should be accessible with keyboard & screen reader. 

Apply following fixes in the source code.

• Provide ARIA role="dialog" to the dialog container.
• Provide an aria-labelledby attribute to the dialog container and refer to the visual heading i.e. user name. For Example : "Admin".

• Place the code of popup container right after the code of triggering elements such as Assignee or Reporter elements.

Following should be the Keyboard interaction.

• When Assignee or Reporter buttons receive keyboard focus, the popup should be displayed.
• Pressing tab key the focus should go inside the contents of popup.
• Pressing ESC key should dismiss the popup & focus should set back to the triggering element.

Refer to the following link to read more about Non-modal dialog (popup) implementation as per Atlassian Accessibility Standards

https://hello.atlassian.net/wiki/spaces/A11Y/pages/1105796220/Non+Modal+Dialogs 

Screenshot

Issue view page

Kanban board page

Workaround

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

Bug Ref: 725916