找到所有display:none属性并使用JavaScript添加aria-hidden属性

Question

有没有办法搜索所有display:none使用属性的实例,并aria-hidden="true"使用JavaScript 添加属性.

我的网站有数百个这样的实例,我正在寻找一个更快的方法.

它可能是这样的:(添加到一个函数)

$(*).css( "display", "none" ).attr( "aria-hidden", "true" );

Answer 1

aria-hidden="true"is 的作用是指示浏览器不将元素暴露给辅助功能树,即使它没有被隐藏.

浏览器不会向辅助功能API公开任何元素display:none.

所以你要做的事情完全是多余的.它对可访问性的影响绝对不会增加.节省自己的努力,做更有成效的事情.

@RAS这里是对其中一个规范的引用,这些规范讨论了何时不应将内容暴露给可访问性树http://www.w3.org/TR/core-aam-1.1/#h-exclude_elements2 (2认同)

Answer 2

使用hidden()选择器识别所有不显示元素

$( ":hidden").attr( "aria-hidden", "true" );