如何指示屏幕阅读器跳过SVG图表(轴标签)并读取相关表格?

时间:2015-01-19 20:35:28

标签: accessibility wai-aria screen-readers jaws-screen-reader

我有一张SVG图表和一张表,两者都显示相同的数据。在使用JAWS进行测试时,我注意到在读取表格内容之前,我在X和Y轴上读取了所有文本标签。我尝试在图表中添加aria-describedby="id-of-table",但这更糟糕了:现在JAWS仍然会读取所有标签,但它也会在之后说“使用JAWS键+ Alt + R读取描述性文字”每个标签

告诉Jaws和其他屏幕阅读器完全跳过此部分的正确方法是什么,因为它不适用,类似于装饰图像上的alt=""

更新:这是一个示例http://jsbin.com/wujuqaliqa/2/edit?output,其中aria-hidden属性应用于图表。

1 个答案:

答案 0 :(得分:2)

设置aria-hidden =" true"在您不想读取的包含元素上,或者如果没有公共容器,则不希望读取每个元素。注意不要将它放在可以使用标签的元素上,例如按钮或链接,因为这些元素仍然可以使用标签,并且根据浏览器/ AT的组合,它们的行为会有所不同。

如果您添加示例代码或链接到小提琴,我将能够向您展示如何完成它。