微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

VoiceOver 不解析 React SPA 中的 DOM?

如何解决VoiceOver 不解析 React SPA 中的 DOM?

我正在使用带有 Google Chrome 的 VoiceOver 并试图找出为什么在 React SPA 应用程序中从页面 A -> 页面 B 移动(没有硬页面刷新,通过 react-router 使用 HTML5 Push API)不会触发 VoiceOver 的 DOM 解析刷新。

我使用 Accessibility Inspector 进行了检查,但是在加载页面 B 时,整个应用程序仅被视为一个没有子项的大组。如果我在页面 B 上关闭 VoiceOver 并重新打开它,它就会神奇地被解析。

这在 Safari 上不是问题。

有什么想法可以推动 VoiceOver 解析树吗?

解决方法

try: data[y+"filter"]=st.sidebar.multiselect('Filter '+y,ucolumns) except: print(y+"had to pass") 属性添加到更改内容的包装器应在其内容发生更改时通知辅助技术。

例如,将该属性添加到 aria-live="polite" 组件周围的父级会在导航后由 <Switch> 组件呈现任何组件时通知 VoiceOver。

<Route>

ARIA live regions - MDN

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。