我已经实施了一个弹出式对话框,通过在overflow:hidden
上设置body
来停止滚动其背后的网页。它工作得很好,因为我设置了role="dialog"
并且我关注了一个合适的元素,它允许具有屏幕阅读器的用户导航对话框而无法导航到底层网页内容。该对话框包含table
。但是,我注意到一个奇怪的问题。当任何表格元素被聚焦时(而不是对话框中的任何其他元素)点击控制选项和任何箭头键时,底层网页会向下滚动一点,就好像我没有显示对话框时点击向下箭头一样。
当点击VoiceOver控件在元素之间移动时,如何确保底层网页不可滚动?你认为这可能是VoiceOver的错误吗?