有没有一种方法可以阻止屏幕阅读器阅读到某个特定点?

时间:2019-11-25 04:23:55

标签: reactjs screen-readers

我正在React的页面上工作,该页面具有某些弹出窗口。当用户使用屏幕阅读器时,默认情况下将立即读取弹出窗口,但是如果用户继续点击该弹出窗口,则最终他们会进入页面的其余部分。

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

是否有办法阻止屏幕阅读器在反应中经过某个div?

我还要提到退出按钮和用户在弹出窗口中的事实非常清楚。我只想让他们知道他们已经结束了。

谢谢!

1 个答案:

答案 0 :(得分:1)

  

是否有办法阻止屏幕阅读器在反应中经过某个div?

听起来您在描述的是模式窗口而不是弹出窗口。在这种情况下,您可以尝试使用aria-modal ARIA属性。建议您阅读本Paciello Group article,以获取一些历史记录和注意事项。如果您选择走这条路线,那么ARIA example可以正常工作。

如果您只是想警告屏幕阅读器用户,他们已经碰到了弹出窗口的结尾(尽管仍然允许他们越过弹出窗口),则只需提供隐藏的说明即可。我建议使用US government's 18F页上的第一种方法。

祝你好运!