Rank 1
Iron
Hi there,
Recently we started working on accessibility issues on angular 15 app Currently we are using the below version for kendo grid.
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.
2 Answers, 1 is accepted
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
Rank 1
Iron
Hello Martin / Team,
As suggested I've upgraded the kendo grid with below versions to fix DA issues. But after upgrading, some styling issues are occurred. Can you please let me know how I can fix this issue. Attaching some screen shots of package.json and grid before and after upgrading for reference.
Here are the dependencies and devDependencies after upgrade in my package.json
After upgrade
Package.json before upgrading kendo grid
Actual look before upgrade
Thanks,
Priyanka
Hi Priyanka,
Version 15.0.0 is better, but please keep in mind that the latest is 16.2.0.
Also, each version has required version of the used theme. For v15.0.0 this is 7.2.0:
More details can be found here:
https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui/#v15.0.0
Please update the theme to at least v7.2.0, and check again.
Regards,
Martin