JAWS 屏幕 reader 在打开下拉菜单时宣布完整的文本
JAWS screen reader announcing complete text when dropdown is opening
当我们在 IE jaws 中打开下拉菜单时,它会显示另一个 div 中存在的标题文本。
示例应用已部署在以下位置 -https://jawsaccessibility.herokuapp.com/index.html
复制步骤
- 在 IE 中打开 Url
- 启动 JAWS
- 点击ui中的空白区域(灰色)
- 按 Tab 键然后回车打开下拉菜单
输出 - "Nam non metus diam........" 文本将通过下拉文本公布。
预期 - 应该只公布下拉文本
stevefaulkner commented 3 days ago in the following github issue - 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 提供了替代的 'null' 标签并解决了问题。
当我们在 IE jaws 中打开下拉菜单时,它会显示另一个 div 中存在的标题文本。 示例应用已部署在以下位置 -https://jawsaccessibility.herokuapp.com/index.html
复制步骤
- 在 IE 中打开 Url
- 启动 JAWS
- 点击ui中的空白区域(灰色)
- 按 Tab 键然后回车打开下拉菜单
输出 - "Nam non metus diam........" 文本将通过下拉文本公布。
预期 - 应该只公布下拉文本
stevefaulkner commented 3 days ago in the following github issue - 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 提供了替代的 'null' 标签并解决了问题。