有没有办法阻止屏幕 reader 阅读超过某个点?

Is there a way to stop a screen reader from reading past a certain point?

我正在处理一个包含某些弹出窗口的 React 页面。当用户使用屏幕 reader 时,默认情况下会立即阅读弹出窗口,但如果用户继续点击下一步,他们最终会进入页面的其余部分。

我希望视障用户知道他们已经到达弹出窗口的末尾,这样他们就知道他们已经获得了该部分的所有信息。

有没有办法阻止屏幕 reader 在反应中超过某个 div?

我还应该提到退出按钮和用户在弹出窗口中的事实非常清楚。我只是想让他们知道他们已经走到了尽头。

谢谢!!

Is there a way to stop a screen reader from going past a certain div in react?

听起来您描述的更多的是模态 window 而不是弹出窗口。如果是这种情况,您可以尝试使用 aria-modal ARIA 属性。我建议您阅读此 Paciello Group article for some history and caveats. This working ARIA example 如果您选择走这条路,也可能会有所帮助。

如果您只是想警告屏幕 reader 用户他们已经到达弹出窗口的末尾(同时仍允许他们跳过它),您可以简单地提供隐藏说明。我建议使用 US government's 18F 页面上的第一种方法。

祝你好运!