如何使 WAI-ARIA 树中的 HTML 输入元素可供 Safari 中的 VoiceOver 访问?

How can I make an HTML input element in a WAI-ARIA tree accessible to VoiceOver in Safari?

我想将 <input> 元素放入 role="tree" 的元素中,如下所示:

<div role="tree">
  <div role="treeitem">
    <h1>Tree Input</h1>
    <input>
    <a href="#">Submit</a>
  </div>
</div>

但是,当我这样做时,我无法使用我的屏幕 reader – OS X 上的 Safari 中的 VoiceOver 访问 <input> 元素。当我导航页面时 (使用 VO+箭头命令),文本框被跳过。

我是不是做错了什么?

更新: 我用 ChromeVox 屏幕 reader 测试了 Chrome 中的代码,我没有遇到问题.我同意 unobf 的评论,这看起来像是 VoiceOver/Safari 的错误。我通过电子邮件向 accessibility@apple.com 发送了关于此事的邮件,但我没有收到回复。我将更改此问题的标题,以针对 Apple 支持论坛中的 VoiceOver/Safari 和 post。

根据 Apple 辅助功能,这是一个错误。我想我没有做错什么,我只需要等待修复。

该漏洞存在于 Safari 使用的开源布局引擎 WebKit 中。可以找到错误报告 here