We are using Telerik ASP.NET MVC along with jQuery. Our requirement is to implement ADA-compliant tooltips. Previously, we were using the title attribute for Kendo controls to display tooltips. However, this approach is not ADA-compliant, as screen readers do not consistently read the title attribute.

We have tooltips for various controls, primarily TextBox and CheckBox, which are rendered via shared .cshtml views. We need an ASP.NET MVC solution to render Kendo controls with tooltips that:

Appear on hover of the control

Are accessible to screen readers

Minimize custom JavaScript logic

Essentially, the goal is to implement accessible tooltips for Kendo controls in a maintainable and standards-compliant way.

Is there another way we can implement this purely through a Kendo control only? For example, is there a Kendo property or configuration that could render the required span with the attribute we need? Since Kendo is supposed to be ADA compliant, ideally we shouldn't need additional custom code for a tooltip that can be read by screen readers. It would be preferable if this could be achieved through a built-in Kendo property or flag during rendering.