如何指示屏幕阅读器跳过 SVG 图表(轴标签)并改为读取关联的表



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

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

更新:下面是将 aria-hidden 属性应用于图表的示例 http://jsbin.com/wujuqaliqa/2/edit?output。

在不想读取的包含元素上设置 aria-hidden="true

",如果没有公共容器,则在不想读取的每个元素上设置aria-hidden="true"。请注意不要将其放在选项卡可聚焦的元素(如按钮或链接)上,因为它们仍将是选项卡聚焦的,并且根据浏览器/AT 组合的不同,它们的行为会有所不同。

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

相关内容

  • 没有找到相关文章

最新更新