Kendo Grid accessibility issue with WAVE Extension in Chrome

[Vikas]

Hi Team,

We are using Kendo Grid in our angular project, and we are facing issues with accessibility in WAVE Extension

when we check our page with wave extension it shows (

Layout table

A layout table is present.

)

 

We need to remove all the alerts for the data tables.

* For Wave extension, you may need to install extension () in your chrome browser

Below is an example of the code we are using for grid.

https://stackblitz.com/edit/kendo-ui-grid-yk8jxk?file=app%2Fapp.component.ts

 

[Martin Bechev]

Hello Vikas,

Recently we updated all Kendo components' codebase to conform with the latest WCAG 2.2 accessibility specification aiming to comply with the axeDevTools. For more details about Grid accessibility please check the following article:

https://www.telerik.com/kendo-angular-ui/components/grid/accessibility/

The Grid is a complex component that contains many elements and Kendo components inside. Depending on the level of customization (in the process of adopting the Grid to specific project requirements) the generated DOM might get more complex and some accessibility tools to find issues with it. The Grid was highly tested for accessibility compliance against WCAG 2.2 specifications but different accessibility tools have different rules that they follow, which is why we cannot provide a single component that complies with all of them.

I tested the Grid against axeDevTools, however there are no similar issues thrown. 

We are open to suggestions how the Grid implementation and generated DOM can be improved.

Regards,
Martin Bechev
Progress Telerik