16

假设我要在我的主站点标题中换出一个<img>来使用 SVG。通常我会依赖<img>'s alt 标签。

SVG<title>是这种类型转换的“alt”的最佳替代方法吗？ 

<svg role="img" aria-label="title + description here]">
  <title>[title here]</title>
  <desc>[long description here]</desc>
  ...
</svg>
4

6 回答 6

3

这些年来我研究了很多508。对于极少的开销，您将花费您为 svg 图像创建替代文本属性，它真的不值得跳过它。请记住，所有屏幕阅读器都是不同的，它们的用户也是如此。SVG 有很多可以利用的能力，但我们还没有。是的，Google 会为您图片中的文字编制索引，但如果您关心视力不佳的用户能够全面访问您的内容，您应该添加一个 alt 标签。它实际上是辅助功能的底层。让低垂的果实在藤上腐烂是没有意义的。

于 2014-03-25T17:25:21.237 回答
2

根据SVG Open，<title>必须由例如盲人的屏幕阅读器支持，但StackOverflow上已经讨论了一些解决方法<--这是您的答案，这个主题可能是重复的？

于 2013-11-30T00:22:32.607 回答
1

我对这个问题也很感兴趣。到目前为止，我最好的猜测是<img>在页面代码中使用带有 alt 标记的 an，然后使用 javascript 将 img 替换为内联的实际 svg 代码。您可以检查此答案以获取将 img 替换为 svg 内联内容的小脚本。

于 2013-11-30T00:10:56.347 回答
1

绝对最好从 SVG 中提取 SVG<img src="" alt="">以获得 SVG + 简单 SEO 的所有好处。谷歌蜘蛛很可能知道 SVG 的标题应该是 alt 标签，但不能保证，我敢肯定他们有很多不知道的爬虫。

于 2015-12-01T17:34:45.823 回答
0

如果 SEO 是您主要关心的问题，为什么不从 img 元素的 src 属性中引用 SVG？它肯定比内联 SVG 实现得更广泛，所以在这种情况下它可能是更好的选择。

于 2012-11-13T23:50:26.627 回答
0

这行得通吗？

<svg role="img" id="my-svg-img">

  ...
</svg>

<img src="#my-svg-img" alt="Hey hey, kids!" >

（或者，如果您发现您的<title>方法有效，那么您是否可以很好地发布作为答案？我现在有点在黑暗中摸索着同样的问题）

于 2013-11-08T11:00:51.567 回答