Unplanned
Last Updated: 18 Nov 2020 16:03 by ADMIN
Jack
Created on: 30 Oct 2020 10:00
Category: Grid
Type: Bug Report
1
Clicking on column header removes id

I'm currently get my application up to WCAG 2.1 compliance, however im come across an issue with the kendo grid that is causing it to fail.

when I load up the page there are no issues, the column headers id is a randomly guid and the cells below aria-describedby attributes reference that guid.
However when I press on the column header it sorts the column however in doing so it changes the id of header and this causes the cells below to have their aria-describedby attribute to reference an id that doesn't exist anymore. 

I have the grid keyboard navigable.

Is there anyway to force it to always use an id?

9 comments
ADMIN
Alex Hajigeorgieva
Posted on: 18 Nov 2020 16:03

Hello, Jack,

I have discussed this issue further with the team and moved it to the Feedback Portal as a Bug Report. The main issue that we find with it has to do with the loss of detailed information about the cell once we have focused the header.

It might be because the readers keep some sort of virtual DOM and the missing link from the previous step actually matters, although the current state is valid.

The issue may also be followed in our GitHub repository:

https://github.com/telerik/kendo-ui-core/issues/6147

As a token of appreciation I have added some Telerik points to your account

Regards,
Alex Hajigeorgieva
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

ADMIN
Alex Hajigeorgieva
Posted on: 12 Nov 2020 11:27

Hi, Jack,

I have consulted with colleagues and regarding the implications of the current state here are our observations:

  • It is not possible to have a selected cell and read another, therefore when the cell is selected, the header is no longer the active cell. The association with the header is present when required.
  • Despite the previous point the last manipulated cell provides less information than other cells, although its attributes look identical to neighbouring cells in some screen readers
  • In Edge used with Narrator each cell was read fully
  • In Chrome and NVDA the additional information relayed regarding the sorting, grouping for that cell was not read but was read for others

I am glad that you have found a way to handle this for now. I will continue the discussion with our software engineer who specializes in accessibility and will inform you as I know more.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Jack
Posted on: 10 Nov 2020 12:52

Hello,

I suppose it would,

I have implemented my own work around by giving the column header an id (using the header attribute property) then using jquery to set the the id of the text inside the header cell to the same id as the cell.

ADMIN
Alex Hajigeorgieva
Posted on: 10 Nov 2020 11:03

Hi, Jack,

Indeed, this does appear to be the case - once the grid header column becomes the grid active cell, the aria-describedby attribute points to a non-existing id.

If the aria-describedby attribute of the grid cell becomes grid_active_cell when the column header is active,  would that solve the problem?

Look forward to hearing back from you.

Regards,
Alex Hajigeorgieva
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Jack
Posted on: 06 Nov 2020 10:51
ok, if the active_cell is desired that is fien but it is whats breaking my compliance, as changing the column header id to grid_active_cell, all of that columns cells will have their aria_describedBy be referencing the old id of the column header.
ADMIN
Tsvetomir
Posted on: 05 Nov 2020 15:34

Hi Jack,

Find below a short video demonstrating the behavior of the id of the header when sorted and not active:

https://screencast-o-matic.com/watch/cYXhoxMj3C

Is it possible for you to try out the example in another browser to ensure that the current browser has not cached any old resources?

As per the active_cell value of the id when the cell is focused, this is definitely the desired functionality and should be regarded as part of the compliance implementation.

 

Kind regards,
Tsvetomir
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Jack
Posted on: 05 Nov 2020 11:18
for more information it cahnges the cell id to {Id of grid}_Active_cell 
Jack
Posted on: 05 Nov 2020 11:17

thank you for your reply,

i have just updated my kendo yet the issue still persists 

ADMIN
Tsvetomir
Posted on: 03 Nov 2020 08:22

Hi Jack,

Thank you for taking the time to share the issue that you have encountered. I am happy to inform you that this behavior has already been fixed and is available with the latest version of the suite. Can you try upgrading and see if that makes a difference? 

More information can be found in the following issue on GitHub:

https://github.com/telerik/kendo-ui-core/issues/5923

 

Regards,
Tsvetomir
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.