要创建一个我正在处理WCAG的网站,我正在为它添加语义结构。
我注意到如果标题是另外一个链接,我正在使用的熨平板读取器(VoiceOver)没有拾取它。
那是:
<h1>This is a H1 heading</h1>
<h3><a href="someurl.html">This is a H3 heading</a></h3>
<h4>This is a H4 heading</h4>
在转子(ctrl-opt-u
)中显示为:
1: This is a H1 heading
4: This is a H4 heading
如果您将h3
文本移出<a>
代码,以便This is a H3 heading
是文本节点,或切换为使用span
,则标题会显示在转子中
我的问题是:有没有办法让h3
出现在Headings转子上,同时保留它作为超链接?
如果有人知道这对于NVDA或JAWS来说是否也是类似的问题,那么信息也会受到赞赏。
答案 0 :(得分:1)
你能尝试将整个标题放在锚点内吗?
我知道,有点奇怪的工作。
我怀疑VO
不应该那样工作。为了它的价值,我只是用NVDA
尝试了这个代码,它在虚拟光标类型模式(向上和向下箭头)和使用H
跳转到下一个标题时都有效。所以对我来说似乎很好。