是否可以使用aria-hidden="true"
和aria-hidden="false"
嵌套元素?
例如:
<div aria-hidden="true">
some hidden content
<div aria-hidden="false">
some visible content
</div>
</div>
这似乎对我不起作用。我使用NVDA及其功能对其进行了测试,以在页面上显示完整的链接列表。如果我在 body 上将aria hidden设置为true,即使我开始在某些子元素上将aria hidden设置为false,也无法获得任何链接。目前看来,我无法覆盖子元素中的aria隐藏状态。
我知道这可能是一种非常不寻常的方法,但是问题本身也很不寻常。一个巨大的灯箱,其中包含整个网站本身(没有简短的模式对话框即可)。
最佳答案
不,那是不可能的。
您隐藏了元素及其子元素。
例如,当创建模态窗口时,您将隐藏模态以外的所有内容,如下所示:
<div aria-hidden="true" id="page-wrap">
<main role="main">
<p>content</p>
</main>
</div>
<div aria-hidden="false" id="myModal" aria-labelledby="myModal-title">
<h1 id="myModal-title">Sign up!</h1>
...
</div>
然后,这将隐藏#page-wrap并向辅助技术显示#myModal
关于accessibility - 隐藏的咏叹调,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21828152/