Details
-
Bug
-
Resolution: Fixed
-
High
-
8.22.0
-
8.22
-
Severity 2 - Major
-
Description
Issue Summary
The tooltip content for "Quick filter "is not accessible by keyboard alone.
Element: Quick filter
Location: Below board name heading.
Additional details: When the mouse pointer is placed on the above-mentioned element, the tooltip will be displayed on the screen.
Note: This issue is present on many pages.
Steps to Reproduce
- Navigate to the Jira dashboard page.
- Navigate to the "Boards" menu button in the header section & activate it.
- Activate the “KP board ” link or any other board available in the menu.
- Navigate to the "QUICK FILTERS:" element present in the navigation bar section in the main content area.
Actual Results
In the Boards dashboard, for the Quick filter table data, a tooltip is available which is not accessible with keyboard and screen reader. The tooltip information is available when the mouse is hovered on to the "Quick filter" element.
The Quick filter data is coded into " <dt id="js-quickfilters-label" class="ghx-cursor-help" aria-describedby="aui-tooltip">Quick Filters:</dt> " incorrectly.
This makes the keyboard-only and screen reader users difficult to access the information that should be in a tooltip.
Expected Results
Following are the expected keyboard interactions.
- The tooltip information should receive keyboard focus and screen reader.
- When the "Quick filter" receives focus, the tooltip should not be closed unless the "Escape" key is pressed or after a time limit.
- Tooltip icon could be provided separately for the "Quick filter"
Apply the following suggested fixes in the source code.
- Provide a clear & descriptive label and role to the tooltip element. For Example:
- The element that serves as the tooltip container has a role="tooltip"set.
- The element that triggers the tooltip references the tooltip element with aria-describedby.
Screenshot
Screen Recording
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 739694
Attachments
Issue Links
- duplicates
-
JRASERVER-73437 Create Board with Issue : Tooltip :Tooltip is missing appropriate role and/or attributes.
- Closed
-
JRASERVER-73445 Kanban Board Issues : Tooltip: Tooltip is missing appropriate role and/or attributes
- Closed
-
JRASERVER-74074 Kanban Board Issues : Tooltip: Tooltip is missing appropriate role and/or attributes
- Closed
- resolves
-
JRASERVER-73315 Kanban board - Quick filter: Tooltip content inaccessible for keyboard & screen reader users.
- Closed