有没有办法阻止屏幕 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 页面上的第一种方法。
祝你好运!
我正在处理一个包含某些弹出窗口的 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 页面上的第一种方法。
祝你好运!