屏幕阅读器和HTML文档重点

Question

我是HTML的整个ARIA和可访问性方面的新手。 我有一个应用程序，其中大部分内容均可与屏幕阅读器一起正常使用。 但是，当我单击任何控件时（即将焦点放在文档上），NVDA始终读取“ 页面标题文档”。 我一直试图阻止它这样做一段时间，但未成功。

我想到的最好的办法是将tabindex=0添加到最上面的DIV以便它将焦点集中在单击而不是文档上，但是即使这样NVDA也会在焦点对准时读取“节”一词。 有没有办法抑制这种情况？

我也尝试过删除标题，并在短时间内将其添加回去，然后读者说“ document”一词很好，但是取决于JS活动超时，有时会闪烁空标题，因为执行的不一致。 而且requestAnimationFrame太短，读者没有时间选择空标题，反正也可以读取它。

Answer 1

当您单击文档主体时，它将变为聚焦状态，并且先前聚焦的控件将模糊。 屏幕阅读器将通过阅读新聚焦的窗口小部件的可访问名称（即文档标题）来反映此更改。 这是完全正常的行为，完全是预期的行为，无需更改。

您需要牢记，作为有远见的开发人员，您的期望与任何用户都不相同，而视障用户则要少得多。 盲人会感到很自然，而且对您期望很高。

尝试在自己的位置呆一会儿。 戴上睡眠面膜，然后尝试仅依靠键盘和屏幕阅读器使用您的应用程序。 我经常这样做，这是非常令人启发的经历。