We’re using the Kendo Grid and need to make it ADA compliant . We're using a tool called JAWS for verifying the ADA compliance.
Below are some of the issues we noticed:
1) How can we set focus on the Edit popup screen from kendo grid?
2) Say once the focus is set on Edit popup form ;How can we navigate to the other controls on the popup screen ?
3) How can we exit out of the edit popup screen and set focus back to the main grid ?
Thanks,
Prasuna
6 Answers, 1 is accepted
Hello Prasuna,
If an edit button inside to command column was focused(hit enter while on the command cell) and enter was pressed you should get an opened popup which is focused. From there with tab or shift + tab you can navigate through the inputs. Once ready editing you can focus the update button and click enter. The data will be saved and the grid will be focused again. In order to take advantaget of this navigation however you will need to set the navigatable property to true. Here is a video that illustrates the navigations process. The sample which I have tested can be found here.
Regards,
Angel Petrov
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 Angel,
We came across one more issue with JAWS tool it is unable to read the table contents in a grid. Can you please provide us an sample to resolve this issue ?
Thanks,
Prasuna
Hi,
Could you please ensure that the grid has the navigatable option set to true? I have tested this dojo with JAWS and was able to read the grid contents.
Regards,
Angel Petrov
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/.
We have implemented the same and we still face the same issue. We tested it out using both IE and chrome browsers and we still face the same issue. We noticed it reads as text and then reads as column1 and column 2 . It does not recognize the column headers .
Please advise.
Hi,
Could you please send us a working dojo in which this problem can be observed? Additionally could you please elaborate on the Kendo version used in the project?
Regards,
Angel Petrov
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/.