如何让 SEO 和屏幕阅读器可以访问由 svg 图形组成的 header？
How do I make a header consisting of svg graphics accessible to SEO and screen readers?
我有一个 <h1> 标签，其中只有一个 SVG 徽标，但网络爬虫和屏幕阅读器无法访问它。我应该如何让他们访问它？
在 svg 标签内使用 title 和 desc 标签为网络爬虫提供替代方案。对于屏幕阅读器，您还应该添加一个 aria-label 属性。
<svg aria-label="alternative for screen readers" role="img">
<title>title</title>
<desc>description</desc>
</svg>
我有一个 <h1> 标签，其中只有一个 SVG 徽标，但网络爬虫和屏幕阅读器无法访问它。我应该如何让他们访问它？
在 svg 标签内使用 title 和 desc 标签为网络爬虫提供替代方案。对于屏幕阅读器，您还应该添加一个 aria-label 属性。
<svg aria-label="alternative for screen readers" role="img">
<title>title</title>
<desc>description</desc>
</svg>