Tabs 滚动站点上的键盘可访问性

请查看此站点-->（万一将来发生变化，这是一个侧面滚动站点）并尝试使用TAB进行浏览（不要点击enter，只需点击TAB）。当你在第一个部分上标记了所有内容后，你会注意到当焦点转到另一个部分时，它会搞砸：你会看到两个部分的一半

我如何使用户能够通过选项卡浏览一个部分

我知道我可以为最后一个项目（无论是锚还是输入）设置模糊属性，以在菜单上的第一个项目上激发焦点。。。这样，用户就不会转到另一个部分。。。例如，这意味着用户将“被困”在页面上，无法通过地址栏进行制表

有没有办法将焦点发送到地址栏？没有

window.locationbar.focus（）

或类似的东西，以及

$（windows.focus（）也没有帮助

有人能想出一个好的解决办法吗


请注意，我不想阻止用户使用密钥导航。。。我只是希望网站不会因为这个（我能想到如何解决）而崩溃，并且用户不会被困住

提前谢谢，伙计们

  Óscar

值得一提的是，这种侧边滚动条还存在一系列其他相关问题：如果用户的窗口足够大，或者如果用户缩小，或者单击背景并向右拖动，则其他页面可以显示。此外，因为它们是“可见的”（只是滚动），屏幕阅读器很可能会一次读取整个页面，而不仅仅是当前页面

但有一种方法可以解决所有这些问题：在需要之前，将其他页面区域设置为display:none或visibility:hidden。（可见性：隐藏可能最适合这种情况，因为它不会影响布局。）这可以防止它们被意外滚动到视图中，防止屏幕阅读器读取它们，并防止它们被选项卡锁定。选项卡将直接跳过，这正是您想要的

因此，要从A区过渡到B区，请使A区到B区可见，滚动并将焦点移动到B区，然后使B区以外的所有区域不可见。
这非常聪明！！！我花了一上午的时间试图想出一个解决方案，而你不仅解决了我目前的问题，还解决了未来的问题！非常感谢D