>假设我要在我的主站点标题中换出一个<img>来代替使用 SVG。 通常我会依赖于<img>的alt标签。
SVG <title>这种类型的转换是"alt"的最佳替换方法吗？
<svg role="img" aria-label="title + description here]">
<title>[title here]</title>
<desc>[long description here]</desc>
...
</svg>
这些
年来我研究过508。对于一点点开销，您将花费您为 svg 图像创建替代文本属性，这真的不值得跳过它。请记住，所有屏幕阅读器都是不同的，他们的用户也是如此。SVG有很多功能可以利用，但我们还没有达到目标。是的，Google会索引您图像中的文本，但是如果您关心视力不佳的用户能够全面访问您的内容，则应添加alt标签。从字面上看，它是辅助功能的最底层。让低垂的果实在藤蔓上腐烂是没有意义的。
根据 SVG Open 的说法，屏幕阅读器（例如盲人）必须支持<title>，仍然有已经在 StackOverflow <上讨论过的解决方法——>这是你的答案，这个主题可能是重复的？
我对这件事也很感兴趣。到目前为止，我最好的猜测是在页面代码中使用带有alt标签的<img>，然后使用javascript将img替换为实际的svg内联代码。您可以查看此答案，以获取将 img 替换为 svg 内联内容的小脚本。
绝对最好从<img src="" alt="">中提取 SVG，以获得 SVG + 简单 SEO 的所有好处。 谷歌蜘蛛很可能知道SVG的标题应该是alt标签，但不能保证，我相信有很多爬虫没有。
如果SEO是你的主要关注点，为什么不从img元素的src属性中引用SVG？它肯定比内联 SVG 实现得更广泛，因此在这种情况下它可能是更好的选择。
这行得通吗？
<svg role="img" id="my-svg-img">
...
</svg>
<img src="#my-svg-img" alt="Hey hey, kids!" >
（或者，如果您发现您的<title>方法有效，您会很好地发布作为答案吗？我现在有点在黑暗中摸索同样的问题）