Bug Title: Columns are not programmatically associated with their table headers.
Severity: Sev2 (High)
Test Environment:
OS Version: 22H2 (OS Build 25352.1)
URL: https://ppe.oneidentity.core.azure-test.net/
Edge Dev: Version 114.0.1807.6 (Official build) dev (64-bit)
Screen Reader: Narrator
Repro steps:
1.Open kendoSample (codepen.io)
2.Navigate through tables.
Actual Result:
Table header and their data are in different tables. Columns are not associated programmatically with their headers.
Expected Result:
Columns should be associated programmatically with their headers.
Hello,
My name is Georgi and I'm stepping in for my colleague Neli.
I noticed a couple of key points that you shared:
1. The version of Kendo UI that is marked in the ticket is v2022.2.621. Please keep in mind that over the past few years we've implemented many accessibility improvements in the Grid and multiple problems have been addressed.
2. You mentioned that you're using Narrator. Certain readers may not play well with certain browsers (or in some cases there are problems with the readers themselves). More information about that can be found here:
I would kindly ask you to first update Kendo UI to the latest release as it is very likely any accessibility problems that you're encountering have already been fixed.
After that, I would also ask you to check in 1-2 different browser with 1-2 different readers(example NVDA and Narrator), it is possible that one of them does not announce properly while the other one does.
In case you're still encountering issues, we could dig deeper and even log a bug report if there is a problem with the component in the latest version.
Best Regards,
Georgi Denchev
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Hi Neli,
Hi Neli,
Name should be associated so that screen reader can announce the name of tables. When user navigates using 'T' short-cut on tables.
Hello,
From the provided information and the example, I am not sure that I understand the issue correctly. I reviewed the provided code in the codepen. However, in the example, I noticed that you are using the Grid detailInit event and detailTemplate options. Could you please confirm if you trying to initialize a detailed or Hierarchy Grid as in our demos linked below:
- https://demos.telerik.com/kendo-ui/grid/hierarchy
- https://demos.telerik.com/kendo-ui/grid/detailtemplate
I see that on a button click you're setting a new datasource to the Grids. However, the dataSource for the domain Grid contains a simple string ("test") which leads to an error in the console when you try to expand the Grid. The dataSource for the relationgrid contains an object that is correctly bound to the Grid. Below you will find a log in the console of both dataSources data by the time the setDataSource method is invoked.
Please provide more information about the behavior you are trying to achieve and the expected result, so I can understand the exact scenario better and advise you further.
Regards,
Neli
Progress Telerik