Approved
Last Updated: 28 Jan 2019 12:52 by Courtney
Courtney
Created on: 26 Jan 2019 14:27
Type: Feature Request
1
Display Tooltip on element focus as well

The KendoReact Tooltip component only displays tooltips on hover (the showTooltip method is called on the onMouseOver and onMouseLeave events). It would be ideal if the showTooltip method was also called on the onFocus event as well, making the user experience the same for keyboard-only users.

Most other UI libraries treat hover/focus the same for consistency and accessibility.

Bootstrap requires it:
https://getbootstrap.com/docs/4.1/components/tooltips/#making-tooltips-work-for-keyboard-and-assistive-technology-users

Material UI allows you to disable focus interaction, but the default is that focus is handled the same as hover:
https://material-ui.com/api/tooltip/#props

 

(Total attached files size should be smaller than 20mb. Allowed extensions: .zip, .rar, .jpg, .png, .gif)
2 comments
Courtney
Posted on: 28 Jan 2019 12:52

Thanks, Stefan. I can understand that perspective. Enabling it with an optional prop would be much appreciated (disabled by default is completely fine). Adding that option would make the Tooltip component much more flexible and accessible.

Courtney

ADMIN
Stefan
Posted on: 28 Jan 2019 07:41
Hello, Courtney,

Thank you for the suggestion. 

We can add this as a feature, but please have in mind that it will be disabled by default. We are trying to behave as the browser tooltip, but with more styles and customizations, and by default the browsers to not show tooltips on focus.

Regards,
Stefan
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items