Group name keyboard accessibility

[Ryan]

The names of groups are rendered in a div element with class 'rocItemField'.
In my system, I have some javascript to handle the click event on this text to open a popup to edit the group name, etc.
I need this div to be keyboard accessible, but because its a div you can't tab to it.

Is there a way to define the template for a group on an orgChart, like the way you can define a template for an item?
Then i can set the group name within an anchor and have it keyboard accessible.

or can anyone recommend another approach? eg hack change all divs of class rocItemField into anchors with href='#' ?

[Ryan]

i hacked in a fix using jQuery (which was already available). And handled the click event of the anchor's instead. Cheers.

  $(function () {
            $('.rocItemField').each(function () {
                $(this).html('<a href="">' + $(this).html() + '</a>');
            });
        });

[Peter Filipov]

Hello Ryan,

It not possible to change the server-side rendering of the rendered fields so you will need to stick with the described approach. 

Regards,
Peter Filipov
Telerik