Html 将索引附加到标题

我目前正在研究我的网站的可访问性，特别是针对那些使用屏幕阅读器导航的盲人

我确实通过使用tabindex删除了使用tab导航时应该跳过的锚，但是我希望屏幕阅读器软件能够在用户导航到h1/h2/h3时读取自定义文本。。标签

我确实尝试将tabindex=“1”附加到标题标记，但没有成功

这是我面临的问题的一个例子：

我们的服务清单

• 网页设计
• 平面设计
• 品牌

在当前示例中，使用tab导航时，屏幕阅读器软件会正确读取列表项，因为它们是锚定标记，但它会避开“我们的服务列表”标题

是否有任何类型的“alt”属性可以附加到标题以解决此问题？如果不可能，我将在每个标题前添加一个带有alt标记的透明1像素图像，如下所示：

<a href="#"><img alt="List of our services" src="/1pixelimage.jpg"></a>
<h2>List of our services</h2>

我们的服务清单

---

但是，我不认为这是正确的，我可能错过了真正的方法。

我搞乱了标题上的tabindex值和title属性

此标题可通过选项卡热键导航，并为屏幕阅读器复制音频标题：

<h2 tabindex="0" title="List of our services">List of our services</h2>

我们的服务列表

我把tabindex值搞砸了，标题上缺少title属性

此标题可通过选项卡热键导航，并为屏幕阅读器复制音频标题：

<h2 tabindex="0" title="List of our services">List of our services</h2>

我们的服务列表