Question

是否可以使用aria-hidden="true"和aria-hidden="false"嵌套元素？

例如：

<div aria-hidden="true">  
    some hidden content  
    <div aria-hidden="false">  
        some visible content
    </div>  
</div>

这对我来说似乎不起作用。我使用NVDA及其功能对其进行了测试，以显示页面上的完整链接列表。如果我将咏叹调隐藏在身体上，即使我开始在某些子元素上将咏叹调隐藏为假，我也无法获得任何链接。目前看起来我无法覆盖子元素中的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到辅助技术

嵌套的Aria隐藏

1 个答案: