Issue Summary

The element appears and functions like a tooltip but is missing the required ARIA role(s) and/or attribute(s) and the tooltip disappears when the user tries to hover the mouse over it.

Elements name:

• Show open issues
• Show attributes
• Show graph
• Object type: Servers

Tested URL

https://instenv-19536-ipiz.instenv.internal.atlassian.com/browse/OBJ-9

Steps to Reproduce

1. Launch the URL
2. In the Active object page navigate to the Affected Server details and activate the Link for the Object, it will open an Object overview modal
3. In the modal Try to interact with the "Show open issues", "Show attributes", "Show graph", and "Object type: Servers" image type buttons.

Screen recording

Screen Recording 2022-05-20 at 2.07.23 PM.mov

Actual Results

Tooltip content that becomes available when users hover over with a mouse or when their keyboard focus moves on the "Show open issues", "Show attributes", "Show graph", and "Object type: Servers" image icon in the object overview modal is not accessible for low vision users. When low vision users try to move their mouse on the tooltip in order to read it, the tooltip disappears. Thus low vision users found it difficult to access the tooltip content.

Additionally, there is a role for the tooltip missing for the element.

Expected Results

Modify the scripts associated with the tooltip content to ensure that it remains visible until the user decides to dismiss the tooltip. This will enable low vision users to navigate to the tooltip content and dismiss it after accessing it. 

Additionally , add the role="tooltip" to the div element.

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available.

Bug Ref: 744432

Bulldog Ref: JSMDC-12536