如何使用aria- *属性使屏幕阅读器可以访问SVG图像?

时间:2019-07-06 15:56:06

标签: xml svg text accessibility wai-aria

我一直在使用Inkscape和Draw.io创建图表,并将其导出到SVG文件。我想在网页上选择SVG文件中的文本,否则,至少屏幕阅读器可以访问。我遇到的问题是,使用aria- *属性似乎对屏幕阅读器没有任何作用(我已经使用JAWS对其进行了测试)。我需要一些帮助,因为我真的不知道我在关于aria- *可访问性属性方面在做什么,而且我无法找到简洁的解释-仅是w3c规范。

我曾尝试对元素进行分组并为它们提供aria-label属性,但屏幕阅读器无法识别它们。

<g aria-label="R1 register"> ... <text aria-label="Nibble zero">0</text><text aria-label="Nibble one">1</text> ... </g>

预期的结果是屏幕阅读器读取aria-label属性,但是,上次我测试它时,JAWS甚至没有读取SVG图像文件中的任何内容。

1 个答案:

答案 0 :(得分:2)

关于将aria属性添加到SVG以及哪些与哪种浏览器一起使用,有很多信息。

以下是一些以以下内容开头的页面: