User profile popup content Inaccessible for Keyboard & screen reader users.

Issue Summary

The user profile popup contents (which appears when user hovers the mouse over the user profile links present under "Administrators" column inside all boards table) are not accessible for keyboard & screen reader users.

Note: Similar issue was observed on following pages.

• Kanban board
• All projects
• All boards
• View issue

Steps to Reproduce

1. Navigate to the Jira homepage.
2. Navigate to the "Boards" menu inside header section & activate it.
3. Navigate to "View all boards" link inside the menu & activate it.

Actual Results

When user hovers the mouse over the users links such as "Mateusz Marzecki" present under "Administrators" column, a popup appears with the Information about the user. 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 the user link 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

Kanban Board

All boards page.

All projects page

Issue view page

Workaround

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

Bug Ref: 726436