-
Bug
-
Resolution: Fixed
-
High
-
8.22.0
-
8.22
-
Severity 2 - Major
-
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
- Navigate to the Jira homepage.
- Navigate to the "Boards" menu inside header section & activate it.
- 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
- duplicates
-
JRASERVER-73408 View Issue : User profile popup is not accessible for Keyboard & screen reader users.
- Closed
-
JRASERVER-73417 Browse Pojects : Tooltip is missing appropriate role and/or attributes .
- Closed
-
JRASERVER-73419 Search Boards : Tooltip: Tooltip is missing appropriate role and/or attributes.
- Closed
-
JRASERVER-73423 Specific Board : Tooltip is missing appropriate role and/or attributes.
- Closed
-
JRASERVER-73426 Search projects : Tooltip is missing appropriate role and/or attributes .
- Closed
-
JRASERVER-74046 Browse Projects : Tooltip is missing appropriate role and/or attributes .
- Closed
-
JRASERVER-74038 View Issue : Tooltip is missing appropriate role and/or attributes .
- Closed
-
JRASERVER-74048 Search Boards : Tooltip: Tooltip is missing appropriate role and/or attributes.
- Closed
-
JRASERVER-74052 Specific Board : Tooltip is missing appropriate role and/or attributes.
- Closed
-
JRASERVER-74055 Search projects : Tooltip is missing appropriate role and/or attributes .
- Closed
- mentioned in
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...
-
Page Loading...