html - 有没有办法阻止屏幕阅读器阅读表格信息？

Question

我正在为一个项目制作网页，目前我们正在使用表格来控制内容的布局。当屏幕阅读器(我正在使用 NVDA 进行测试)关注表格中的第一项时，它说出“7 行 3 列的表格”，然后阅读该项目。

<table role="presentation">
    <tr>
        <td tabindex="0" class="bold">Item</td>
    </tr>
</table>

有没有办法阻止屏幕阅读器读出表格信息？我已经尝试将角色设置为演示，但它仍然会说话。我知道使用表格作为设计布局的一种方式是不好的做法，但这是针对原型(prototype)的。

谢谢

Answer 1

提供 URL 将使我们能够测试它以听到您听到的内容。告诉我们您使用的 NVDA 版本会有所帮助。了解您使用的浏览器也非常重要，因为它们通过可访问性 API 公开了不同的内容。所以请提供以下内容:

1. 用于测试的 URL，
2. 您使用的 NVDA 版本，
3. 您用于 NVDA 的网络浏览器。

至于兼容性预期，有一个方便的图表跟踪问题(最后更新于 2016 年 10 月):

• Layout table with role presentation: Screen reader compatibility

根据该网站，它应该对这些组合表现良好:

Good: NVDA with IE Stable - OK from NVDA 2014.1 to NVDA 2016.2

Good: NVDA with FF Stable - OK from NVDA 2014.1 to NVDA 2016.2

另外，我在单元格上看到 tabindex。屏幕阅读器用户不需要它来获取内容。当您删除它时，NVDA 是否正常运行？

两个总体建议:

1. 不要使用表格进行布局，即使是原型(prototype)制作也是如此；
2. 从所有内容中删除 tabindex 除非您还添加所有必要的角色和键盘交互以真正使其成为交互式控件。