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

问题描述

例如我有两个标题：静态和固定。如何防止键盘用户导航抛出固定标题？
导航是指使用 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 顺序中删除它的所有元素。我该怎么做？

解决方法

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