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

Question

我在一个项目的网页上工作，目前我们正在使用一个表来控制内容的布局。当一个屏幕阅读器（我用NVDA进行测试）关注第一个项目时表，它说＆＃34;表有7行和3列＆＃34;然后读取该项目。

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

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

由于

Answer 1

提供网址可让我们对其进行测试，以听取您所听到的内容。告诉我们您正在使用的NVDA版本会有所帮助。了解您正在使用的浏览器也非常重要，因为它们通过可访问性API公开了不同的东西。所以请提供以下内容：

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

至于兼容性期望，有一个方便的图表跟踪问题（最后更新于2016年10月）：

• Layout table with role presentation: Screen reader compatibility

根据该网站，这些组合应该表现良好：

  

好：NVDA与IE稳定 - 从NVDA 2014.1到NVDA 2016.2确定

     

好：NVDA与FF稳定 - 从NVDA 2014.1到NVDA 2016.2可以。

另外，我在单元格上看到tabindex。屏幕阅读器用户不需要它来获取内容。当你删除它时，NVDA会表现吗？

两项总体建议：

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

Answer 2

我知道2种方法：

这将使其对nvda不可见：

aria-hidden = true

这使元素无法聚焦：

Tab-Index="-1"