Javascript iOS Safari画外音-如何阅读动态内容？

执行以下代码（）后：

实际结果： 从“第一个标题”向右滑动将导致画外音显示为“第二个标题”

预期结果： 从“第一个标题”向右滑动将导致画外音显示为“已加载”

注意：动态div最初为空。有可能获得预期的行为吗

第一个标题
第二名
设置超时（（）=>{
常量元素=document.querySelector（“#dynamic”）；
element.innerHTML='loaded'；
}, 2000)

对于您想要查看的内容

基本上，您添加了一个标签，向屏幕阅读器解释您希望监视对该元素的更改以及如何处理这些更改

<div role="region" aria-live="polite">
   //monitor changes in here
</div>

//监视此处的更改

以上内容将检查内容的更改并予以公布

注意

礼貌的

——也就是说“仅在不干扰事物自然流动的情况下发布”，因此，如果用户已经在读取某些内容，则不会中断

---

上面的链接更详细地解释了这一点。

对于这一点，您想了解一下

基本上，您添加了一个标签，向屏幕阅读器解释您希望监视对该元素的更改以及如何处理这些更改

<div role="region" aria-live="polite">
   //monitor changes in here
</div>

//监视此处的更改

以上内容将检查内容的更改并予以公布

注意

礼貌的

——也就是说“仅在不干扰事物自然流动的情况下发布”，因此，如果用户已经在读取某些内容，则不会中断

上面的链接解释得更详细一些。

我找到了一个解决方案。 为了使画外音检测动态内容中的更改，您需要将其删除并再次插入。 这是一个演示我的意思的片段

const button=$（“button”）
按钮。打开（'单击'，更改）
函数更改（）{
常量标签=$（“#标签”）
label.empty（）.text（'new label'）；//删除节点，然后用新标签文本重新插入节点
}

一些标签
试验

我找到了一个解决方案。 为了使画外音检测动态内容中的更改，您需要将其删除并再次插入。 这是一个演示我的意思的片段

const button=$（“button”）
按钮。打开（'单击'，更改）
函数更改（）{
常量标签=$（“#标签”）
label.empty（）.text（'new label'）；//删除节点，然后用新标签文本重新插入节点
}

一些标签
试验

谢谢你的回答。然而，问题并不完全在于此。我不想宣布新的内容，我只想把它包括在“可访问性刷”的顺序中。即使这样做了，你也无法刷进去。谢谢你的回答。然而，问题并不完全在于此。我不想宣布新的内容，我只想把它包括在“可访问性刷”的顺序中。即使这样做了，你也无法刷进去。你找到解决这个问题的方法了吗？另一个复制品。它每次都会读一些标签。我还没有找到上面贴的问题的解决方案。你找到这个问题的解决方案了吗？另一个复制品。它每次都会读一些标签。我没有找到解决问题的方法，因为标签上有“一些标签”的内容。如果它最初是空的，你可能会遇到与我发布的相同的问题。@JoseCh。我添加了另一个片段来解决您的问题。我已经在iOS 13上测试了它，它正在工作，因为标签上有“一些标签”的内容。如果它最初是空的，你可能会遇到与我发布的相同的问题。@JoseCh。我添加了另一个片段来解决您的问题。我已经在iOS 13上测试了它，它正在工作