当我们在IE大嘴巴中打开菜单下拉菜单时,它会宣布另一个div中存在的标题文本。 示例应用已部署在以下位置 -https://jawsaccessibility.herokuapp.com/index.html
复制步骤
- 在IE中打开网址
- 启动大白鲨
- 点击ui中的空白区域(灰色(
- 按 Tab 键,然后回车键打开下拉列表
输出 - "Nam non metus diam..." 文本将通过下拉文本宣布。
预期 - 只应宣布下拉文本
Steve Faulkner在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 提供了替代的"空"标签并解决了问题。