html - 带有未在 VoiceOver 标题转子中列出的链接的标题

Question

为了使我正在处理的网站符合 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显示在标题转子上，同时将其保持为超链接？

如果有人知道这是否是 NVDA 或 JAWS 的类似问题，那么也将不胜感激。

Answer 1

您可以尝试将整个标题放在 anchor 内吗？

我知道这有点奇怪。

我怀疑 VO 不应该那样工作。对于它的值(value)，我只是用 NVDA 尝试了该代码并且它在虚拟光标类型模式(向上和向下箭头)和使用 H 跳转到下一个标题。所以对我来说似乎很好。