Tooltip is missing WAI-ARIA attributes

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Planned

Last Updated: 06 Sep 2023 07:02 by ADMIN

Scheduled for 4.5.0 (08/30/2023) (R3 PI2)

Jason

Created on: 12 Jan 2021 06:47

Category: Tooltip

Type: Bug Report

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?