In a scenario where we want to use the Drawer as a navigational component, the best solution from an accessibility perspective would be to add role="navigation" to the Drawer's items and role="main" to the Drawer's content.
The current implementation of the Drawer provides the option to define the discussed role for its content using the following code:
<DrawerContent role="main"> <router-view /> </DrawerContent>
document .querySelector('.k-widget.k-drawer') .setAttribute('role', 'navigation');
Providing a way to configure the role of the Drawer's items will be a useful feature for the component.