我想动态隐藏这个 Backbone.js 视图。同时,当它被隐藏时,屏幕阅读器不应该阅读这个文本。但是,它仍然在阅读它。我不知道它为什么这样做。请帮助!
这是 Backbone.js 视图上的代码。我有另一个子 Backbone.js 视图组件,它将通过id附加到该视图。当它满足条件(isTrue)时,该视图将在屏幕阅读器上隐藏。
<div id="id_of_the_view" {{#if isTrue}} aria-hidden="true" style="display: none;" {{else}} class="otherClasses" {{/if}}></div>
很遗憾,当页面重新呈现时,屏幕阅读器仍然可以从子 Backbone.js 视图中读取并加载标题文本和正文文本。如果您有任何线索,请帮助!!提前感谢!
1条答案
按热度按时间mbyulnm01#
如果你想通过CSS
display:none
隐藏元素,那么你不需要aria-hidden
。视觉隐藏的元素会从辅助功能树中移除,从而对屏幕阅读器隐藏。你有一个jsfiddle或类似的例子可以尝试吗?我一直用CSS隐藏元素,屏幕阅读器无法访问它们。