JAWS 屏幕阅读器在打开下拉菜单时宣布完整的文本答案

【问题标题】：JAWS screen reader announcing complete text when dropdown is openingJAWS 屏幕阅读器在打开下拉菜单时宣布完整的文本
【发布时间】：2018-06-14 07:08:11
【问题描述】：

当我们在 IE 中打开一个下拉菜单时，它会显示另一个 div 中的标题文本。示例应用已部署在以下位置 -https://jawsaccessibility.herokuapp.com/index.html

复制步骤

在 IE 中打开网址
启动 JAWS
点击ui中的空白区域（灰色）
按Tab键然后回车打开下拉菜单

输出 - “Nam non metus diam........”文本将与下拉文本一起宣布。

预期 - 应该只公布下拉文本

【问题讨论】：

在jaws github上创建问题-github.com/FreedomScientific/VFO-standards-support/issues/90
似乎问题出在焦点从一个元素移动到另一个元素时。例如，当我们从 div 1 移动到 div 2 并且 div 2 平行于 div 1 或其他地方时，jaws 将宣布具有 tabindex 的 div 2 parent 的完整文本。
我在 Windows 10 18.03 x64 下有 Jaws 2018 和 IE11，但我没有发生这种情况 Jaws 正确地说只是“下拉文本”..
您检查了附件的示例网址吗？

标签： internet-explorer accessibility jaws-screen-reader

【解决方案1】：

stevefaulkner 3 天前在以下 github 问题中发表评论 - https://github.com/FreedomScientific/VFO-standards-support/issues/90

这是由于 IE 如何表示可访问性树中的元素的问题。当一个元素具有 tabindex 时，它会包含在可访问性树中，并且该元素的可访问名称是子文本，除非提供的可访问名称有其他来源。在测试用例中在可访问性树中显示为一个分组对象，可访问名称为“Nam non metus diam. Mauris vehicula ac lectus eu pharetra”，并在下拉按钮获得焦点时宣布。

尝试将 aria-label=""（空标签）添加到 div。这为 div 提供了一个替代的“空”标签并解决了问题。

【讨论】：