Won't Fix
Last Updated: 31 May 2024 06:08 by ADMIN
Jason
Created on: 12 Jan 2021 06:47
Category: Tooltip
Type: Bug Report
2
Tooltip is missing WAI-ARIA attributes

I need to make a tooltip more accessible.

---

ADMIN EDIT

The first thing you can do is use the aria-describedby on the tooltip targets and use its value in the tooltip Id parameter to help screen readers. It is up to the screen reader to detect the change in the DOM and read out the new content.

This item is to add attributes to the tooltip such as role="tooltip", aria-live="polite", role="presentation", aria-hidden="false". The exact attributes will depend on more detailed research and may differ from what I have listed here.

---

3 comments
ADMIN
Tsvetomir
Posted on: 06 Sep 2023 07:02

Hello all,

We are marking this item as closed because the current rendering of the Telerik UI Tooltip component does not have any focusable or interactable elements. Hence, no wai-aria attributes are needed. 

Additionally, the tooltip is the descriptive element of the focused/hovered element. It does not need a descriptive element of its own.

The Popover component that is currently on our feedback portal has interactable elements, hence, it would need to have the respective aria attributes.

Regards,
Tsvetomir
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
ADMIN
Nadezhda Tacheva
Posted on: 25 Jul 2023 10:37

Hi Min-Jie,

The suggestion in the admin edit is to match the aria-describedby attribute of the Tooltip target with the Id of the Tooltip to establish a relationship between these two elements. However, this does not control if the Tooltip will be opened on click/Enter press of the target.

To configure that, use the ShowOn parameter of the Tooltip. Here is an example (focus the button and press Enter to show the Tooltip): https://blazorrepl.telerik.com/cRYBcfPu350TXD3938.

Regards,
Nadezhda Tacheva
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
Min-Jie
Posted on: 18 Jul 2023 14:23
Can you please provide a code example on how aria-describedby works on the tooltip so that when I press the ENTER key on the target control, the tooltip will be showing?