I am having trouble navigating the grid with a screen reader using table navigation commmands. I think the problem might be my custom cells. Is there anything else that needs returned bessides tds? Here is an example of my grid.
```
<Grid data={transactions}>
<Column field="name" title="Name" />
<Column field="amount" title="Amount" format="{0:c2}" />
<Column
field="date"
title="Date"
cell={(props: GridCellProps) => (
<td>{new Date(props.dataItem["date"]).toDateString()}</td>
)}
/>
<Column field="description" title="Description" />
<Column
title="Actions"
cell={(props: GridCellProps) => (
<td>
<button
onClick={() => {
setShowEditTransaction(true);
setEditTransaction(props.dataItem);
}}
>
Edit
</button>
<button
onClick={() => {
setShowDeleteTransaction(true);
setTransactionToBeDeleted(props.dataItem);
}}
>
Delete
</button>
</td>
)}
/>
</Grid>
```
Thanks in advance.
Hi, Chris,
Can you please elaborate more on what the accessibility issues are? Does the screen reader not narrate certain elements as you would like or is there an issue with the keyboard navigation where you cannot go through certain elements?
When rendering custom cells it is advised to pass props to them as well, here is an example that showcases this approach here:
https://stackblitz.com/edit/react-bvhe9e-bm7yiz?file=app%2Fmain.jsx
More information on how to pass custom cells can be found here:
https://www.telerik.com/kendo-react-ui/components/grid/cells/
In case this is not what you are looking for please let me know on the details of the encountered issue and I will advise further.
Regards,
Filip