屏幕阅读器和HTML文档焦点

时间:2016-10-25 10:37:59

标签: javascript html accessibility wai-aria

我对整个ARIA和HTML的可访问性方面都不熟悉。我有一个应用程序,其中大多数事情与屏幕阅读器正常工作。但是,当我点击任何控件时,即专注于文档时,NVDA始终会读取“页面标题文档”。我一直试图阻止它暂时这样做,但没有成功。

我想出的最好的事情就是将tabindex=0添加到我最顶层的DIV,这样就可以将注意力集中在点击而不是文档上,但即使这样,NVDA也会在其中读取“部分”一词。得到关注。有没有办法压制这个?

我也尝试删除标题并在短暂的超时中重新添加它然后读者只说“文档”这个词很好,但是根据JS活动超时有时会闪烁空标题,因为它执行的并不是那么一致。 requestAnimationFrame太短,读者没有时间选择空标题并且无论如何都要读取它。

1 个答案:

答案 0 :(得分:3)

当您单击文档正文时,它将变为焦点,之前聚焦的控件将变得模糊。屏幕阅读器将通过读取新聚焦的窗口小部件的可访问名称(即文档标题)来反映此更改。这是完全正常且完全预期的行为,没有必要改变它。

您需要记住,您作为视力正常的开发者的期望与任何用户完全不同,更不用说视障用户了。看起来很自然和期待你的人会对盲人非常困惑。

尝试在他们的位置待一会儿。将睡眠面膜放在眼睛上,并尝试仅依靠键盘和屏幕阅读器使用您的应用程序。我经常这样做,这是一个非常有启发性的经历。