Chrome辅助工具提示覆盖层的某些子元素缺乏正确的对比度。似乎该工具认为当覆盖层隐藏时，子元素是“可见”的。我可以在检查器中正确地设置覆盖层的aria-hidden属性（使用attr("aria-hidden","false")），但是这个问题可以通过在检查器中逐个设置子元素的aria-hidden="true"来解决。我很困惑，因为aria-hidden应该隐藏元素及其子元素。有人知道我做错了什么吗？
1个回答
4
感谢您的评论，它让我意识到我确实被审计工具检查的内容所迷惑。
我使用了w3网站上给出的建议关于在我的代码中添加
我使用了w3网站上给出的建议关于在我的代码中添加
[aria-hidden="true"] { visibility: hidden; }，这样当其aria-hidden属性设置为true时，它会正确隐藏覆盖层，并使审计工具满意。 :)
- Vaida Plankyte
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 3 动态onkeydown在具有contentEditable父元素的子元素上无法正常工作。
- 4 属性"checked"在动态添加的元素上无法工作
- 3 删除具有定义属性的子元素 - 无法正常工作
- 3 鼠标悬停在重叠元素上无法正常工作
- 11 在Firefox 9.0.1中，preventDefault()无法在SELECT元素上正常工作。
- 6 JavaScript的click()在某些元素上无法正常工作
- 4 ng-click在锚点元素上无法正常工作
- 8 为什么在伪元素上使用document.querySelector无法正常工作？
- 280 这些属性是什么：`aria-labelledby`和`aria-hidden`。
- 3 JavaScript的cookie在子域上无法正常工作
hidden表示对所有人都隐藏。aria-hidden表示对屏幕阅读器和类似工具隐藏。 - Hassan Imam