即使设置了modality 上的accessibilityViewIsModal,VoiceOver 也可以访问模态后面的元素

Posted

技术标签:

【中文标题】即使设置了modality 上的accessibilityViewIsModal,VoiceOver 也可以访问模态后面的元素【英文标题】:VoiceOver can access element behind modal even when accessibilityViewIsModal on modal is set 【发布时间】:2019-03-07 10:39:53 【问题描述】:

我有一个自定义视图,它是一个弹出窗口,它有 accessibilityViewIsModal = true,但 VoiceOver 仍然可以专注于模式背后的元素。有没有其他方法可以将焦点保持在弹出窗口内,直到用户关闭弹出窗口?

【问题讨论】:

正如我在回复中所解释的,“accessibilityViewIsModal”是适合您情况的解决方案。看看“实现可访问的模态视图”部分中的ronnqvi.st/adding-accessible-behavior 会被说服:有一个交互式插图解释了它是如何工作的。 【参考方案1】:

使用accessibilityViewIsModal 使模态相对于兄弟视图。 感谢WWDC video detailed summary,提供了一个很好的实现示例。

有没有其他方法可以将焦点保持在弹出窗口内,直到用户关闭弹出窗口?

accessibilityViewIsModal 是适合您情况的THE解决方案。 查看实现可访问的模态视图部分中的this article 以确信:有一个聪明的、教学性的和交互式的插图来解释它是如何工作的。

没有其他方法可以实现您的目标:如果需要,请查看这些many useful examples。

【讨论】:

以上是关于即使设置了modality 上的accessibilityViewIsModal,VoiceOver 也可以访问模态后面的元素的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 React-Bootstrap 和 Redux 显示/隐藏 Modal?

有没有一种方法可以在不使用 ANTD 上的默认按钮的情况下关闭 Modal?

bootstrap 模态框 modal 插件在一个含有多个页面

vue-strap 修改Modal组件

bootstrap modal 如何设置使其点击对话框外的灰色背景不退出!!

由于使用 onClick 的 textarea 的数据中有空格,因此无法显示 Bootstrap Modal 上的数据