Tri*_*fit 2 html accessibility semantic-markup screen-readers
所以这似乎是一个非常简单的问题,但我无法理解。我有以下 HTML:
<h2>word 1 - <strong> word 2 </strong></h2>
Run Code Online (Sandbox Code Playgroud)
我知道这在语义上是不正确的,我不应该有一个strong内部标题,但由于设计要求,我需要加粗第二个词而不是第一个。
我试图确保这些文本仍然可以访问,但是当我使用屏幕阅读器时,它给了我奇怪的读数。我猜这是因为<strong>标签内的<h2>标签。
有谁知道更好的方法来做到这一点?我错过了什么吗?
编辑:抱歉,您说得对,“奇怪的读数”并没有说太多。当我将鼠标悬停在标题上时,它会显示单词 1,而我必须将鼠标悬停在单词 2 上才能将其显示在阅读器中,所需的行为是:悬停标题并阅读单词 1 和 2。
编辑 2:使用<span>和<b>标签产生相同的行为
我不确定“奇怪的读数”是什么意思。
怎么样<span>的标签?
<h2>One <span>Two</span></h2>
Run Code Online (Sandbox Code Playgroud)
h2 {
font-family: sans-serif;
font-weight: normal;
}
h2 span {
font-weight: bold;
}
Run Code Online (Sandbox Code Playgroud)
演示JSFiddle
| 归档时间: |
|
| 查看次数: |
2578 次 |
| 最近记录: |