哪些ARIA角色和属性适用于非语义表？

Question

我以两种方式呈现数据表，一种是使用语义表标签，另一种是使用css <div>等的display: table s的非语义组。

<div class="table">
  <div class="table-header">
    <div class="table-header-row">
      <div class="table-header-cell"></div>
    </div>
  </div>
  <div class="table-body">
    <div class="table-body-row">
      <div class="table-body-cell"></div>
    </div>
  </div>
</div>

我仍然希望非语义表尽可能地可访问，所以我想知道我可以使用什么组合的ARIA属性来向用户描述他们正在与表或类似的表进行交互？我从未见过＆＃34; table＆＃34; ＆＃34;表列＆＃34;或类似的东西..所以我不确定我是否正确理解需要什么？

Answer 1

来自http://www.w3.org/TR/wai-aria/roles#grid

  

网格（角色）

     

网格是一种交互式控件，包含表格数据的单元格   排列成行和列，就像一张桌子。

另请参阅treegrid，row，rowgroup，gridcell，rowheader和columnheader

但是，如果这些是合适的，那么您应该使用HTML表。