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?
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/.
Hi, Jack,
I have consulted with colleagues and regarding the implications of the current state here are our observations:
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/.
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.
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/.
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/.
thank you for your reply,
i have just updated my kendo yet the issue still persists
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/.