aria-hidden 属性不适用于后代答案

【问题标题】：aria-hidden property not working on descendantsaria-hidden 属性不适用于后代
【发布时间】：2017-12-06 22:08:29
【问题描述】：

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

我可以看到覆盖的aria-hidden 属性在我打开/关闭检查器时被正确设置（使用attr("aria-hidden","false");）。

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

我很困惑，因为 aria-hidden 应该隐藏元素和它的子元素。有谁知道我做错了什么？

【问题讨论】：

【解决方案1】：

感谢您的 cmets，这让我意识到我确实对审计工具正在检查的内容感到困惑。

我使用了on the w3 website 给出的建议，将[aria-hidden="true"] { visibility: hidden; } 放入我的代码中，当它的 aria-hidden 属性设置为 true 时，它会正确隐藏覆盖，并导致审计工具很满意。 :)

【讨论】：