Additional aria-labels (MUI)

[jmannDev43]

I'm using ...

• [x] React Grid
• [ ] React Chart
• [ ] React Scheduler

Description

Is it possible to add an aria-label to the TableDetailToggleCellBase Material-UI component?

Thanks in advance!

[ushkal]

Hi @jmannDev43

You can use TableRowDetail.toggleCellComponent to implement your task. Here's an example project.

[jmannDev43]

Hi ushkal, Thanks for the quick response.

I understand that I can implement my own version, (and I have done that with other components, such as the TableFilterRow cellComponent), where making the component accessible is somewhat more involved, but in this case isn't it a matter of just adding an aria-label to the IconButton here https://github.com/DevExpress/devextreme-reactive/blob/master/packages/dx-react-grid-material-ui/src/templates/table-detail-toggle-cell.jsx#L43?

It seems analogous to https://github.com/DevExpress/devextreme-reactive/pull/1906.

[jmannDev43]

Also, (I just realized), in the example project, the aria-label is added to the TD component rather than the icon button (which is what triggers an accessibility audit error for us).

Thanks again,