VoiceOver 标题转子中未列出链接的标题
Posted
技术标签:
【中文标题】VoiceOver 标题转子中未列出链接的标题【英文标题】:Heading with link not listed in VoiceOver Headings rotor 【发布时间】:2014-01-24 20:54:41 【问题描述】:为了使我正在开发的网站符合 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 的类似问题,也将不胜感激。
【问题讨论】:
我应该注意使用ctrl-opt-cmnd-h
画外音命令前进到下一个标题确实访问h3
。
看起来像 Voiceover 中的一个错误,或许可以通过电子邮件将其发送至accessibility@apple.com
对我来说这也是一个错误,给 Apple Accessibility 发了一封电子邮件。如果他们有回应,我会通知你们。
【参考方案1】:
您可以尝试将整个标题放入锚点内吗?
我知道,这有点奇怪。
我怀疑VO
不应该那样工作。对于它的价值,我只是用NVDA
尝试了该代码,它在虚拟光标类型模式(向上和向下箭头)和使用H
跳转到下一个标题中都有效。所以对我来说似乎很好。
【讨论】:
将标题放入链接<a …><h3>hello</h3></a>
不会读取标题。 VO 说“已访问,链接,你好”。我更喜欢说“标题级别 3,已访问,链接,你好”以上是关于VoiceOver 标题转子中未列出链接的标题的主要内容,如果未能解决你的问题,请参考以下文章