Hi,
I have grid and in every row i have a switch button .
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
How to solve this?
Here's the stackblitz link: https://stackblitz.com/edit/angular-egapar?file=src%2Fapp%2Fapp.component.ts
Thanks,
Sowmiya