我正在React的页面上工作,该页面具有某些弹出窗口。当用户使用屏幕阅读器时,默认情况下将立即读取弹出窗口,但是如果用户继续点击该弹出窗口,则最终他们会进入页面的其余部分。
我希望视障用户知道他们已经到达弹出窗口的末尾,因此他们知道已经获得了该部分的所有信息。
是否有办法阻止屏幕阅读器在反应中经过某个div?
我还要提到退出按钮和用户在弹出窗口中的事实非常清楚。我只想让他们知道他们已经结束了。
谢谢!
答案 0 :(得分:1)
是否有办法阻止屏幕阅读器在反应中经过某个div?
听起来您在描述的是模式窗口而不是弹出窗口。在这种情况下,您可以尝试使用aria-modal
ARIA属性。建议您阅读本Paciello Group article,以获取一些历史记录和注意事项。如果您选择走这条路线,那么ARIA example可以正常工作。
如果您只是想警告屏幕阅读器用户,他们已经碰到了弹出窗口的结尾(尽管仍然允许他们越过弹出窗口),则只需提供隐藏的说明即可。我建议使用US government's 18F页上的第一种方法。
祝你好运!