[Solved] Links in Grid Hierarchy

[Adam]

When a table element contains a link, mouse actions differ from keyboard navigation. Anyone have a work-around for this so that there is a keyboard equivalent to a mouse click action?

[Anton Mironov]

Hi Adam

To ensure keyboard accessibility for links in a Grid hierarchy, use standard HTML anchor tags (<a>) inside your table cells. These are natively focusable and can be activated with the Enter key. If you're using custom elements (like styled spans or divs), add tabindex="0" to make them focusable and use ARIA roles such as role="button" for clarity. For keyboard activation, handle the keydown event and trigger your action on Enter or Space.

Could you share more about your table structure and whether your links are standard anchors or custom elements? This will help me provide a more targeted solution.

For more information on keyboard accessibility in Telerik UI for ASP.NET Core:

• https://www.telerik.com/aspnet-core-ui/documentation/accessibility/overview

 

Kind Regards,
Anton Mironov
Progress Telerik