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

Question

我以两种方式呈现数据表，一种使用语义表标签，另一种是使用 css display: table 等的非语义<div>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 属性组合来向用户描述他们正在与表或类似表的东西进行交互？我从未见过“table”“table-row”或类似的角色..所以我不确定我是否正确理解需要什么？

Answer 1

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

网格（角色）

网格是包含表格数据单元格的交互式控件 像表格一样按行和列排列。

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

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