Need More Info
Last Updated: 07 Jul 2025 11:33 by ADMIN
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
4 comments
ADMIN
Georgi Denchev
Posted on: 07 Jul 2025 11:33

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:

https://www.telerik.com/kendo-jquery-ui/documentation/accessibility/accessibility-overview#screen-readers 

Action Plan

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.

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