Javascript aria隐藏属性不适用于子体
Chrome辅助工具抱怨覆盖框的某些子项没有正确的对比度。当覆盖被隐藏时,该工具似乎认为子对象是“可见”的 但是,当我打开/关闭覆盖时,我可以看到覆盖的Javascript aria隐藏属性不适用于子体,javascript,jquery,frontend,wai-aria,web-frontend,Javascript,Jquery,Frontend,Wai Aria,Web Frontend,Chrome辅助工具抱怨覆盖框的某些子项没有正确的对比度。当覆盖被隐藏时,该工具似乎认为子对象是“可见”的 但是,当我打开/关闭覆盖时,我可以看到覆盖的aria hidden属性在检查器中被正确设置(使用attr(“aria hidden”,“false”);) 设置aria hidden=“true”通过子项上的检查器单独修复此问题 我很困惑,因为aria hidden应该隐藏元素及其子元素。 有人知道我做错了什么吗?谢谢你的评论,这让我意识到我确实被审计工具检查的内容弄糊涂了 我使用了关于在
aria hidden
属性在检查器中被正确设置(使用attr(“aria hidden”,“false”);
)
设置aria hidden=“true”代码>通过子项上的检查器单独修复此问题
我很困惑,因为aria hidden应该隐藏元素及其子元素。
有人知道我做错了什么吗?谢谢你的评论,这让我意识到我确实被审计工具检查的内容弄糊涂了
我使用了关于在我的代码中放置[aria hidden=“true”]{visibility:hidden;}
的建议,当覆盖的aria hidden属性设置为true时,它会正确地隐藏覆盖,并导致审计工具满意。:) 可能重复的隐藏
意味着对每个人都隐藏<代码>aria隐藏
意味着对屏幕阅读器和类似工具隐藏