accessibility - 正确使用 ARIA 标题角色

Question

不知道有没有人知道咏叹调role=heading也可以用于非文本元素(例如图像)？

例如:

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

提前致谢。

Answer 1

为什么不直接使用...

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

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

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