aria 隐藏属性不适用于后代

Vai*_*yte 4 javascript jquery frontend web-frontend wai-aria

Chrome 辅助功能工具抱怨覆盖框的某些子项没有正确的对比度。当覆盖层隐藏时,该工具似乎认为子项是“可见的”。

不过,当我打开/关闭它时(使用 ),我可以看到aria-hidden在检查器中正确设置了覆盖层的属性attr("aria-hidden","false");

aria-hidden="true";通过检查员对孩子进行单独设置可以解决这个问题。

我很困惑,因为 aria-hidden 应该隐藏元素及其子元素。有谁知道我做错了什么?

Vai*_*yte 5

感谢您的评论,它让我意识到我确实对审计工具正在检查的内容感到困惑。

我使用了w3 网站上给出的有关放入我的代码的建议[aria-hidden="true"] { visibility: hidden; },当其 aria-hidden 属性设置为 true 时,它​​会正确隐藏覆盖层,并导致审计工具满意。:)