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