html - 使内部带有强标签的 h2 标签可访问

Question

所以这似乎是一个非常简单的问题，但我无法理解它。我有以下 HTML:

<h2>word 1 - <strong> word 2 </strong></h2>

我知道这在语义上不正确，我不应该有 strong在标题中，但由于设计要求，我需要加粗第二个单词而不是第一个单词。

我试图确保该文本仍然可以访问，但是当我使用屏幕阅读器时，它给我的读数很奇怪。我猜这是因为 <strong> <h2> 内的标签标签。

有谁知道更好的方法吗？我错过了什么吗？

编辑:抱歉，你是对的，“奇怪的读数”并没有说太多。当我将鼠标悬停在标题上时，它会显示单词 1，我必须将鼠标悬停在单词 2 上才能在阅读器中显示它，所需的行为是:将鼠标悬停在标题上并阅读单词 1 和 2。

编辑 2:使用 <span>和 <b>标签产生相同的行为

Answer 1

我不确定“奇怪的读数”是什么意思。

<span>怎么样？标签？

<h2>One <span>Two</span></h2>

h2 {
  font-family: sans-serif;
  font-weight: normal;
}
h2 span {
  font-weight: bold;
}

演示 JSFiddle