accessibility - 隐藏的咏叹调

Question

是否可以使用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隐藏状态。

我知道这可能是一种非常不寻常的方法，但是问题本身也很不寻常。一个巨大的灯箱，其中包含整个网站本身(没有简短的模式对话框即可)。

Answer 1

不，那是不可能的。
您隐藏了元素及其子元素。

例如，当创建模态窗口时，您将隐藏模态以外的所有内容，如下所示:

<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