使用JavaScript查找所有显示:无属性和加载项隐藏属性
是否有一种方法可以搜索使用property使用JavaScript查找所有显示:无属性和加载项隐藏属性,javascript,jquery,accessibility,wai-aria,Javascript,Jquery,Accessibility,Wai Aria,是否有一种方法可以搜索使用propertydisplay:none的所有实例,并使用JavaScript添加属性aria hidden=“true” 我的网站有数百个这样的实例,我正在寻找一种更快的方法 可能是这样的:(添加到函数) 编辑: 您可以使用过滤器,但它不是最佳解决方案: $("*").filter(function() { return $(this).css("display") == "none" }) 使用选择器识别所有显示无元素 $( ":hidden").attr( "a
display:none
的所有实例,并使用JavaScript添加属性aria hidden=“true”
我的网站有数百个这样的实例,我正在寻找一种更快的方法
可能是这样的:(添加到函数)
编辑:
您可以使用过滤器,但它不是最佳解决方案:
$("*").filter(function() { return $(this).css("display") == "none" })
使用选择器识别所有显示无元素
$( ":hidden").attr( "aria-hidden", "true" );
aria hidden=“true”的作用是指示浏览器不要将元素暴露在可访问性树中,即使它没有隐藏 浏览器不会向辅助功能API公开
display:none
的任何元素
所以你想做的完全是多余的。它绝对不会对可访问性产生任何额外影响。省力,做一些更有成效的事情。他希望添加唱段,而不是检测唱段。
$('*').filter(函数(){return$(this).css('display').toLowerCase().indexOf('none')>-1}.attr(“唱段隐藏”,“true”)代码>屏幕阅读器仍然读取具有display:none属性的内容,因此实际上隐藏了ariarequired@RAS这是绝对的poppycock@RAS这里引用了一个规范,该规范讨论了内容何时不应暴露在可访问性树@Tin中display:none
和visibility:hidden
没有被SR公开。其他声明可能取决于SR(opacity:0
,等等),也可能不取决于SR,但这两个声明完全可以安全使用
$( ":hidden").attr( "aria-hidden", "true" );