首页 > 解决方案 > JAWS 屏幕阅读器在打开下拉菜单时宣布完整的文本

问题描述

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

复制步骤

  1. 在 IE 中打开网址
  2. 启动 JAWS
  3. 点击ui中的空白区域(灰色)
  4. 按 T​​ab 然后输入以打开下拉菜单

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

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

标签: internet-exploreraccessibilityjaws-screen-reader

解决方案


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 提供了一个替代的“空”标签并解决了问题。


推荐阅读