Source : Tooltip element is missing button role and a name attribute

Issue Summary

The tooltip for the Find files search field has a missing button label and additionally, no role or accessible name is provided for the element. 

Element: Tooltip iconTested

Screenshot

Steps to Reproduce

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. Additionally, the element is coded into an <span> attribute, which will make this informative element as a non-interactive element. 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 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.
2. Provided a role="tooltip" to the element.
3. The tooltip should get triggered when the issue type icon receives keyboard focus.
4. The tooltip should not get dismissed when users move the mouse cursor over the tooltip content.
5. The tooltip should get dismissed when the user activates the “Esc“ key or the mouse cursor moves outside the tooltip content area.

Workaround

This does not have a workaround available.

Bug Ref: 734866