Hi, Kulwant,
To achieve maximum accessibility, there are certain settings that need to be enabled for the Kendo UI Grid.
For example, the jQuery Kendo UI Grid is scrollable by default but for higher accessibility scrolling should be disabled:
https://docs.telerik.com/kendo-ui/controls/data-management/grid/scrolling/overview#getting-started
The expand/collapse column when there are details, also has no text but you can add it by using the messages:
https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/messages.expandcollapsecolumnheader
The same goes for the Select All column - its width can be set so that text can be added for a truly accessible header. If you do not wish to do that, then you can still add the text and hide it off the screen as suggested in this article:
https://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/
Here is the updated Dojo:
http://dojo.telerik.com/evUwUzOj/2
Finally, the link in the documentation points to the index page for each widget where all of the demos are available to navigate to. Perhaps the Keyboard Navigation demo is a more suitable candidate to showcase accessibility:
https://demos.telerik.com/kendo-ui/grid/keyboard-navigation
I hope this helps. Let me know in case you have any further questions.
Regards,
Alex Hajigeorgieva
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.