OStack程序员社区-中国程序员成长平台

标题: ios - 如何让 VoiceOver 确认里面有 SVG 的链接？ [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 07:21
标题: ios - 如何让 VoiceOver 确认里面有 SVG 的链接？

我有一个 anchor ，里面有一个 svg。在 iPhone 上使用 Voiceover，我无法通过点击链接来获得焦点。如果我用内联 标记替换 标记，我可以。它在 OSX 上也能正常工作。

<a href="index.html"><img src="image/btn-arrow-left.svg" alt="Logo"/></a>

我不希望在这里有内联 svg。这对我来说似乎是一个错误。但是有什么方法可以让 VoiceOver 承认这个链接吗？

---

Best Answer-推荐答案

我在 iOS 10.1.1 上遇到了类似的问题，在这种情况下，VoiceOver 会确认链接，但不会读取图像的 alt 文本:

<a href="index.html"><img src="image.svg" alt="Logo"></a>

作为一个相关问题，VoiceOver 不会将 svg 作为其 src 的 确认，因此不会读取其 alt 文本。

---

我能够通过向 添加一个冗余的 role="img" 来解决这个问题:

<img src="image.svg" alt="Logo" role="img">

---

从这些错误报告线程来看，这似乎仅在 svg 没有可访问内容时发生。

• Bug 145263 – AX: elements with an SVG src are ignored by VO despite valid alt attribute
• Bug 160705 – AX: @alt and bounds ignored when using img[src] points to an inaccessible SVG

关于ios - 如何让 VoiceOver 确认里面有 SVG 的链接？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30399511/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4