accessibility - 正确使用 ARIA 标题角色

Question

我想知道是否有人知道 aria role=heading是否也可以用于非文本元素（例如图像）？

例如：

<img alt="..." role="heading" aria-level="1">

提前致谢。

Answer 1

为什么不直接使用...

<h1><img alt="..."></h1>

...反而？这似乎具有相同的功能，但避免了是否支持 ARIA 的问题。

这也是搜索引擎 (SEO) 友好的，因为网络爬虫会知道 的内容被用作标题并将相应地处理它，而不太可能查看 aria 属性。