Tooltip is not provided for 'tick mark' icons.

[robertmausser]

Subject of the issue/enhancement/features

Tooltip is not provided for 'tick mark' icons.

Your environment

• 5.31.10
• all browsers
• all OSes

Steps to reproduce

Navigate to tick mark icons and verify

Expected behaviour

Tooltip should be provided for 'tick mark' icons.

Actual behaviour

Tooltip is not provided for 'tick mark' icons.

Screenshots (if you can)

https://app.screencast.com/6FEmuSf0DWv4w

HOW to fix

"1. Create a

element, give it a role=""tooltip"" and an id=""IDREF"". Then, give it a brief description of the action.
2. This element has to be accessible by focusing as well as hovering over. Both functionalities can be provided using CSS.
3. The tooltip has to be visually hidden using CSS.
4. Associate the tooltip with its button using aria-labelledby.
5. After applying this keyboard-accessible tooltip, consider removing the title attribute from the element.

Refer to:
https://inclusive-components.design/tooltips-toggletips/
https://a11yproject.com/posts/how-to-hide-content/"

[oliverfoster]

adapt-contrib-hotgraphic/templates/hotgraphicLayoutPins.jsx

Line 60 in 63a02f7

data-tooltip-id={_tooltip?._id}

Tooltips are independent of button icon. Tooltips show item title.

What is it you want to change?