JAWS Screen reader is reading entire grid content while focusing on kendo switch button

[Sowmiya]

Hi,

I have a kendo grid and in each row, I have a kendo switch button. When focusing on the kendo switch in the first row, the JAWS screen reader reads the entire grid values. The expected behavior is JAWS should read only the aria-label value along with Switch's action(Switched on or Pressed Off). I tried setting role="switch" and role="button".  How to fix this?

Here's the stackblitz link:  https://stackblitz.com/edit/angular-egapar?file=src%2Fapp%2Fapp.component.ts

I've attached JAWS' Speech history.

 

Thanks

[Yanmario]

Hi Sowmiya,

Thank you for the provided details.

Indeed I was able to reproduce the described behavior and I will need some additional time to consult this matter with our dedicated Grid developers. I will get back to you with additional information until end of week.

Regards,
Yanmario
Progress Telerik

[Svet]

Hi Sowmiya,

Please set the [navigable] Grid input property to true to avoid reading the excess information.

[Sowmiya]

Hi Yanmario/Svet,

Thanks for the response. It worked. Now I have a requirement to set ARIA LABEL value dynamically so that the user will know which column and row he is in. While fixing that, I found the JAWS screen reader reading additional comments(colored yellow) other than the content from ARIA LABEL. I am unable to find where it is coming from. This happens only for the first row. Also, the screen reader reads the column header for the second time. Please find the JAWS Speech history below. Attached is the screenshot of the same.

Yes/No
column 5 row 2
Column 5 row 1 Contains Controls 
Column 5 row 1 Switch Off 
Yes/No //It reads Column Header for the second time
column 4 row 1    //Additional content
Switch Pressed On 
Column 5 row 2 Switch Off 
Switch Pressed On 
Column 5 row 3 Switch Off 
Switch Pressed On 
Column 5 row 4 Switch Off 
Switch Pressed On 
Column 5 row 5 Switch Off 
Switch Pressed On

 

You can find the code from the same stackblitz link mentioned in the question. How to solve this? How better can we frame the aria-label content to avoid this issue?

Thanks,

Sowmiya