如果包装器具有aria-label，则VoiceOver导航在选项卡面板上不起作用

Question

我最近注意到VoiceOver在标签和标签面板上的网页导航存在一个非常奇怪的问题。特别是，如果包装选项卡和选项卡面板的包装器具有属性aria-label集，则在切换选项卡时，VoiceOver导航无法导航到选项卡面板。

这个问题很难通过文字描述，因此我创建了this fiddle进行演示。请注意，外部包装器div具有aria-label="Wrapper"。以下是重新创建问题的步骤：

1. 运行jsFiddle以加载结果区域。
2. 使用鼠标或键盘导航导航到其中一个标签按钮。
3. 激活VoiceOver。
4. 使用VO + Right Arrow尝试导航到标签面板内容，这应该有用。
5. 使用VO + Left Arrow导航回第二个标签，按VO + Space激活标签。
6. 现在使用VO + Right Arrow尝试导航到新标签面板。 这会失败。

完成上述步骤后，在标签之间切换并不能解决问题，您无法导航到面板。 但是，如果您从包装器div中删除aria-label="Wrapper"，则一切都会重复。

熟悉VoiceOver和WAI-ARIA的人是否知道问题出在哪里？

Answer 1

如果两个标签只包含字符串“标签面板1”和“标签面板2”，则问题似乎已修复。使用OS X 10.11.1进行测试。

是的，我知道这个问题已经过时了，但是我正在添加我的答案以供将来参考，以防万一！ ： - ）