如何使一堆元素无法从键盘访问

Question

例如我有两个 header：静态的和固定的。如何防止键盘用户导航 throw fixed header?
我所说的导航是指使用 tab。你按下它，然后你专注于下一个交互元素。

<header>
  <div class="nav-wrap static">
    *bunch of buttons, links, etc*
  </div>

  <div class="nav-wrap fixed" aria-hidden="true">
    *same as above but in different style*
  </div>
</header>

我希望第二个永远无法访问并从 tabindex 顺序中删除它的所有元素。我该怎么做？

Answer 1

使用 display:none; 对我的情况有帮助。感谢格雷厄姆·里奇