Digital Accessibility Issues when using kendo grid in angular

1 Answer 24 Views
Accessibility Grid
Vishnu Priyanka
Top achievements
Rank 1
Vishnu Priyanka asked on 26 Mar 2024, 07:40 PM | edited on 26 Mar 2024, 07:44 PM

Hi there,

Recently we started working on accessibility issues on angular 15 app  Currently we are using the below version for kendo grid.

"@progress/kendo-angular-grid": "^4.7.0",

 

And we are facing some issues from kendo grid and wanted to check if these get sorted out if the kendo grid version is updated to higher versions. And if so, please suggest the version no.. 
Please find the attached issues.

---------------------------------------------------------------------------------------------

----------------------------------------------------------------------------------------------------------


--------------------------------------------------------------------------------------------

 




----------------------------------------------------------------------------------------
Please check the issues and let us know how I can sort out my issues.

1 Answer, 1 is accepted

Sort by
0
Martin Bechev
Telerik team
answered on 29 Mar 2024, 12:49 PM

Hi Vishnu,

Thank you for the provided screenshots.

Version 4.7.0 of the Grid is outdated and since then the component has received many bug fixes, features, and improvements. Updating the versions is highly recommended:

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/

All Grid demos on the website use the latest version of the components and can be opened inside a new window where the Grid can be tested. Recently we updated all Kendo components to comply with the latest WCAG 2.2 accessibility specification aiming to comply with the axeDevTools. Here is a snapshot of the Grid tested against axeDevTools:

The .k-i-seek-e class is no longer used and instead of span, now the Grid uses a button with the corresponding aria-label:

Regarding the element with .k-grid.k-grid-aria-root class and role="grid", the markup is the same. The developer might need to change the role to presentation and remove the aria-rowcount and aria-colcount attributes with custom JavaScript logic.

Element <colgroup> has no role attribute set:

Regards,
Martin
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Tags
Accessibility Grid
Asked by
Vishnu Priyanka
Top achievements
Rank 1
Answers by
Martin Bechev
Telerik team
Share this question
or