Html 如何让屏幕阅读器分别读取内联span元素？

我有以下一段：

包含一些粗体文本并继续的随机文本

我正在使用，以确保我的网站是可访问的。根据使用的字体类型的性质，我需要使用一个单独的

元素将文本设置为粗体

我的问题是，当我使用Chromevox导航到此段落时，它将关注并阅读

之前的文本，然后是

中的文本，然后是段落的其余部分

结果：

• 我导航到
  元素
• Chromevox聚焦并阅读：“随机文本具有”
• 我导航到下一个项目
• Chromevox聚焦并阅读：“一些粗体文本”
• 我导航到下一个项目
• Chromevox聚焦并读取
  中的剩余文本

预期结果：

• 导航到段落元素
• Chromevox聚焦整个段落，并大声朗读

---

在标题标签（例如，

My title

）中使用此格式时没有问题。Chromevox将其作为一个部分读取

我尝试将

role=“text”

和

tabindex=“-1”

添加到

元素中，但没有成功。非常感谢您的帮助。谢谢。

role=“text”标记 有时，最简单的答案就是最好的答案，您正在寻找

role=“text”

包含一些粗体文本并继续的随机文本

旁注

---

role=“text”

将删除元素中的所有语义，因此请确保小心使用该元素（即不要在

h1

标记上使用，因为它将改变其行为，使其与任何其他元素类似）

Hmm，有趣的一个。您尝试过

role=“presentation”吗

？遗憾的是，这不起作用。如果它不尊重这一点或

role=“none”

，那么可能是时候在他们自己的描述中注意他们的免责声明，以便更全面地遵守标准了；-“对于更全面的解决方案，我们建议使用全系统屏幕阅读器，如Chrome OS上的ChromeVox、Mac上的VoiceOver、JAWS、NVDA或Windows上的讲述者等。”似乎是ChromeVox的一个缺陷，我首选的屏幕阅读器（JAWS For Windows）将正常阅读。请不要过度使用

演示文稿

角色！

<p>Random text that has <span class="font--bold" role="text">some bold text</span> and continues on...</p>