2017-07-03 70 views
1

Chrome辅助功能工具抱怨覆盖框的某些孩子没有正确的对比度。似乎这个工具认为当隐藏叠加层时儿童是“可见的”。咏叹调隐藏的财产不在后裔工作

虽然(使用attr("aria-hidden","false");),但我可以看到覆盖图的aria-hidden属性在检查器中正确设置,因为我打开/关闭它。

设置aria-hidden="true";通过检查员对孩子个别地修复了这个问题。

我很困惑,因为咏叹调隐藏应该隐藏其子元素。 有谁知道我在做什么错?

+0

可能的重复[有什么区别HTML'隐藏'和'唱腔隐藏'属性?](https://stackoverflow.com/questions/31107040/whats-the-difference-between-html-hidden隐藏属性) – GrumpyCrouton

+0

隐藏意味着隐藏给每个人。隐藏的“咏叹调”意味着隐藏屏幕阅读器和类似的工具 –

回答

0

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

我使用on the w3 website给出的建议,将[aria-hidden="true"] { visibility: hidden; }放在我的代码中,当它的aria-hidden属性设置为true时,它可以正确隐藏覆盖图,并使审核工具开心。 :)