Source : Tooltip in the filter page for source is inaccessible by keyboard

Issue Summary

The tooltip element for the Find files icon is not accessible by keyboard alone

Element: Tooltip Icon

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.

Screen recording

Screen Recording 2022-04-07 at 4.47.57 PM.mov

^Screenshot

Actual Behaviour:

The tooltip content for the Find files icon which appears on mouse hover does not appear on keyboard focus, moreover, the tooltip content is not persistent when it is hovered on, it gets automatically dismissed.

People with a cognitive disability, keyboard-only users and users who use screen magnifiers to view page content might find it difficult to understand the purpose of the button.

Expected Result:

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.

Bug Ref: 734871