在屏幕阅读器中隐藏 Aria-live（礼貌）中 div 中的内容更改答案

【问题标题】：Hide content changes in div inside Aria-live ( polite ) from Screen readers在屏幕阅读器中隐藏 Aria-live（礼貌）中 div 中的内容更改
【发布时间】：2019-01-11 16:45:45
【问题描述】：

我在 aria-live 区域内有一个 div，该区域仅供有视力的用户使用。不应在屏幕阅读器中宣布对该 div 的更改。我尝试过使用

唱腔隐藏
角色 = 演示文稿
aria-live="off"

IE 和 Firefox 仍会读取这些更改。铬工作正常。处理此问题的指针表示赞赏。

【问题讨论】：

问题未正确提出，请阅读stackoverflow.com/help/how-to-ask 并编辑问题以提供相关代码源和您遇到的错误等信息。

标签： accessibility wai-aria

【解决方案1】：

首先，任何可供视力正常的用户使用的内容或功能都应该按原样或以等效格式提供给屏幕阅读器用户。其次，如果由于某种原因您要对屏幕阅读器隐藏内容，那么它不应该在 aria-live 区域内。 aria-live 向辅助技术公开动态内容更改。尝试从代码中删除 aria-live=""(polite/off etc.) 并添加 aria-hidden="true"（该元素及其所有后代将对辅助技术隐藏）。

【讨论】：