Using ARIA roles to make grids more accessible

[MinnDevelopment]

Have you considered using role="gridcell" and aria-colindex={colidx} to make the rendered cells more accessible to screen readers? There already seems to be a data-cell-colidx, which could just use the standard aria colindex instead. Similarly, the grid itself can use role="grid". However, the structure needs to change slightly to properly represent role="row".

<div class="reactgrid" role="grid">
  <div class="rg-rowgroup" role="rowgroup">
    <div class="rg-row" role="row">
      <div class="rg-cell rg-header-cell" role="columnheader">This is my header cell</div>
    </div>
  </div>
  <div class="rg-rowgroup" role="rowgroup">
    <div class="rg-row" role="row">
      <div class="rg-cell rg-text-cell" role="gridcell">This is my text cell</div>
    </div>
  </div>
</div>

See ARIA: gridcell role - ARIA | MDN

This would help with automated test tools like playwright's new ariaSnapshot, which we use extensively for our tests.