No-JS移动导航，具有良好的可访问性

Question

目前，我正在与残疾人合作的项目网站上工作，并寻找具有良好可访问性和无js后备的移动导航。首先我考虑使用：target-pseudoclass来打开和关闭导航，但我不能以这种方式打开子导航，因为如果它失去目标，主导航关闭。然后我看着复选框hack但是我得到了一个带可访问性的roblem，因为Checkboxes或Radio-Buttons有另一个用例，一种不同的控制方式，它们也是表单元素，你不应该在表单之外使用。是否有任何干净且易于使用的方式来实现这样的导航？

我的导航如下：

<nav>
  <ul>
    <li>
      <a href="link.html">Link</a>
      <ul class="sub-menu">
        <li>
          <a href="link2.html"></a>
        </li>
      </ul>
    </li>
  </ul>
</nav>

导航可能非常大，所以我不希望子菜单一直可见（如果可能的话），这样你就不需要沿着时间滚动。 这不是一个给我确切代码的问题，我只是需要一些提示来找到一种方法，以便通过子菜单轻松访问no-js移动导航（可能有一个例子）