Need More Info
Last Updated: 01 Jul 2025 06:29 by eDAD
eDAD
Created on: 06 Feb 2024 12:13
Category: Kendo UI for jQuery
Type: Bug Report
1
Accessibility bug

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.

Duplicated Items
3 comments
eDAD
Posted on: 01 Jul 2025 06:29

Hi Neli,

Here clear expectations are to associate table headers with column cells.

So, using screen reader when user navigates on any of cell under a column (Using table keys, Ctrl+Alt+Arrow keys) it should announce the column information as well. 


An expected on any of cell (Ex, Owned group under Relation) is 'Owned group, column header Relation, column 3 of 6, row 1 of 4'.
Image
eDAD
Posted on: 01 Jul 2025 06:28

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.

ADMIN
Neli
Posted on: 13 Feb 2024 08:47

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

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