WCAG - Tooltips

[milospp]

Tooltips Issue
Linked Vitro PR

What does this pull request do?

Introduces WCAG-compliant tooltip behavior with improved keyboard focus handling and screen-reader accessibility.

What's new?

Tooltip can be focused using the tab key or accessed via screen readers
Tooltips can be opened using the keyboard
Clickable tooltips introduce a focus trap: Tab selection cycles through elements inside the tooltip
Hover tooltips are now selectable (they don’t disappear when the user moves the cursor onto the tooltip content)
Added i18n for some tooltip strings

How should this be tested?

Open the relevant page(s) and try navigating through all tooltip triggers using the keyboard (Tab / Shift+Tab)


Verify the following behaviors:

• Some tooltips appear on keyboard focus (hoverable tooltips)
• Others require an explicit action (Enter or Space) to open
• Clickable tooltips should trap focus: Tab should iterate through elements inside the tooltip
• Hover tooltips should remain visible and selectable when hovering over the tooltip content

Interested parties

@VIVO-project/vivo-committers

Reviewers' expertise

Candidates for reviewing this PR should have some of the following expertises:

1. HTML, CSS, JavaScript
2. FreeMarker