Is there a way that I can change attributes on the rendered elements of the Menu and PanelBar components? I am testing them out of the box with NVDA and JAWS screen readers, and running into issues with how they are read. I believe part of the issue is how the aria-attributes are being rendered on the controls.
I've been looking at the aria best practices for Menubars (menu equivalent) and TreeViews (PanelBar equivalent), and their recommended approaches for implementation differ from the Telerik component implementations. For example, on the menu, the the menuitem role is added to an <a> within the <li> tags, and the role of the <li> tags is is set to none. This seems to work a lot better with NVDA interpreting the component.
The same thing can be said with the PanelBar, setting the <li> role to none when the node contains the <a> element, and the <a> gets a role of treeitem.
Here are the 2 best practices examples I'm referring to:
All that being said, is there some way for me to change these attributes on the component when rendering? I know that there are templates, for me to handle the individual items, and that would take care of the <a>, but I don't see a way to adjust the <ul> and <li> elements rendered automatically by the control.
Also, all of the demos for keyboard support use an ALT-W hotkey. I can't see where that is set up in the demos, so I could change to a different key if I would like to. How would I do that?