Dear Support,
when you use the Data Grid with a screen reader, the output of a focused cell contains the name of the column header twice. An example of this behavior can be seen in this demo: Angular Data Grid - Overview | Angular Example
Focus is on the cell „Asia“ in Column „Region“:
The given screenreader output is: „Asia Column Region Row 5 Column Region Column 5“
Regards,
Felix
Hello,
I could not reproduce the issue. The Screen Reader does not output duplicate column names in the Overview Demo on my side.
Please specify the screen reader software and/or extension and its version that you used for testing.
Regards,
Assylbek
Hello Assylbek,
i am using the NVDA Screenreader, Version 2024.2.
Regards,
Felix
Hi Felix,
Thank you for your patience.
I reproduced the issue and created a public bug report for further research: DataGrid - NVDA reads column information twice.
We will update that ticket once we have any news.
Felix,
As a workaround, you can manually remove the
aria-describedby
attribute from data cells in the onCellPrepared event handler:onCellPrepared = (e) => { if(e.rowType === 'data') { debugger; e.cellElement?.removeAttribute('aria-describedby'); } },