You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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".
<divclass="reactgrid" role="grid"><divclass="rg-rowgroup" role="rowgroup"><divclass="rg-row" role="row"><divclass="rg-cell rg-header-cell" role="columnheader">This is my header cell</div></div></div><divclass="rg-rowgroup" role="rowgroup"><divclass="rg-row" role="row"><divclass="rg-cell rg-text-cell" role="gridcell">This is my text cell</div></div></div></div>
Have you considered using
role="gridcell"
andaria-colindex={colidx}
to make the rendered cells more accessible to screen readers? There already seems to be adata-cell-colidx
, which could just use the standard aria colindex instead. Similarly, the grid itself can userole="grid"
. However, the structure needs to change slightly to properly representrole="row"
.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.
The text was updated successfully, but these errors were encountered: