VoiceOver开启时，能否在Chrome中通过滑动交互操作DOM元素？

不需要完全放弃滑动交互，通过适配无障碍规则，就能让VoiceOver用户正常使用你的滑动界面，同时避免触发默认的元素导航。具体可以这么做：

• 给元素设置正确的无障碍角色与标签：给目标DOM元素添加贴合场景的role属性（比如轮播组件用role="region"，滑块组件用role="slider"），再配上aria-label明确交互用途，比如aria-label="双指滑动切换轮播内容"。这样VoiceOver会识别这是一个需要特殊交互的区域，而非普通可导航元素。
• 拦截默认滑动行为：通过JavaScript监听触摸或鼠标滑动事件，在检测到VoiceOver启用状态时（可通过window.navigator.userAgent识别，或者结合document.activeElement的无障碍属性判断），调用event.preventDefault()阻止默认的元素导航行为，确保滑动事件被你的应用逻辑接管。
• 添加手势提示：用aria-describedby关联一个隐藏的DOM元素，里面写上针对VoiceOver用户的操作提示，比如“VoiceOver模式下，使用双指滑动操作此区域”，让用户明确该如何与组件交互。
• 实际测试验证：一定要在Chrome中开启VoiceOver实际测试，确认滑动既触发你的应用交互，又不会跳转到其他UI元素，同时VoiceOver能正确朗读元素的角色和提示信息，保证符合WCAG无障碍标准。

内容的提问来源于stack exchange，提问作者DK2