如何在Safari中可以访问VoiceOver的WAI-ARIA树中的HTML输入元素？

Question

我想将<input>元素放在一个role="tree"元素中，如下所示：

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

但是，当我这样做时，我无法使用我的屏幕阅读器访问<input>元素 - OS X上的Safari中的VoiceOver。当我浏览页面时（使用VO +箭头命令），文本框被跳过。

我做错了吗？

更新：我使用ChromeVox屏幕阅读器测试了Chrome中的代码，我没有遇到问题。我同意unobf的评论，这看起来像是VoiceOver / Safari的一个错误。我通过电子邮件发送了accessibility@apple.com，但我没有得到答复。我会将此问题的标题更改为特定于VoiceOver / Safari，并在Apple的支持论坛中发布。

Answer 1

根据Apple Accessibility，这是一个错误。我想我没有做错任何事情，我只需要等待解决。

该错误发生在WebKit中，这是Safari使用的开源布局引擎。可以找到错误报告here。