小编Kaa*_*han的帖子

NVDA 在读取模态对话框中的焦点元素后读取所有模态内容

我已经实现了聚焦第一个选项卡的要求(基本上是<a>我已经实现了关注模式对话框中存在的

当使用 NVDA 屏幕阅读器测试该功能时,我们发现在读取对话框标签和描述(由 aria-labelledby 和 aria-scribedby 指向)后,它会读取聚焦的选项卡元素。但是,之后它会继续从模态标题开始读取整个模态对话框内容。这不是我们想要的阅读行为。

如果我们将焦点放在模式对话框内的第一个输入元素上,而不是 tab( <a>) 元素上,它就可以正常工作。NVDA 在读取焦点输入元素后暂停。仅当我们使用 Tab 键导航时才会读出更多元素。这是我们想要的阅读行为,但我们不想聚焦输入元素。

演示链接可以在这里找到: https: //codepen.io/kaashan/pen/KOmGYe 。使用的代码来自 W3.org 模式对话框的可访问性指南,进行了少量修改以显示选项卡并将第一个选项卡元素集中在模式打开上。

我使用 NVDA2019.1.1 版本以及最新版本的 Chrome 和 Firefox 浏览器进行测试。

有人可以帮助解释在读取焦点 tab( <a>) 元素后应该做什么来暂停 NVDA 吗?

html accessibility screen-readers wai-aria nvda

4
推荐指数
1
解决办法
7793
查看次数

标签 统计

accessibility ×1

html ×1

nvda ×1

screen-readers ×1

wai-aria ×1