Source : Non-decorative content is inserted using CSS pseudo-elements

Issue Summary

Non-decorative content is inserted using CSS ":before" and ":after" pseudo-elements and there is no other way to access the content with CSS turned off.

Element : Tooltip

Screenshot

Steps to Reproduce

1. Launch the URL
2. Navigate to the  Filter button in the main content area and activate it
3. Navigate to the tooltip icon next to the "Find files" search input field in the main content area.

Actual Results

The tooltip for "Find files" in the main content area for informative description is defined through CSS. The element is a non-interactive element that does not match its functionality. This will result in users of screen readers going unaware of the presence of these elements and will not have access to their content.  

Expected Results

1. The interactive and information elements should not be defined with CSS.
2. The Find files icon behaves like an interactive element as it opens a tooltip, thus it should be replaced with a native <button> instead of <span> element such that it receives keyboard focus.
3. Provided a role="tooltip" to the element.
4. The tooltip should get triggered when the issue type icon receives keyboard focus.
5. The tooltip should not get dismissed when users move the mouse cursor over the tooltip content.
6. The tooltip should get dismissed when the user activates the “Esc“ key or the mouse cursor moves outside the tooltip content area.

Workaround

There is no workaround available.

Bug Ref: 734503