问题描述
我正在我的 React 应用中实现键盘辅助功能。在 :focus-visible 元素的 a,input,button,textarea,select 伪类上，我应用了轮廓边框并且效果很好。但问题是，浏览应用的标签不仅限于应用内容，一旦我结束浏览应用内容的标签，它就会将焦点转移到浏览器的工具栏（书签工具栏、插件工具栏和其他浏览器选项）上。
问题：
-
如何限制仅对应用内容进行 Tab 键？因此，只要我第一次按下 TAB，它就应该从例如页眉导航栏链接开始，一旦我到达结尾（即通过页脚链接导航），它就应该从起点（页眉导航栏）再次开始。
-
第二个问题：如果打开模态，键盘可访问性不会被锁定/仅限于模态内容（应该是），但是一旦我通过所有模态元素，TABing 会继续在应用程序的其余部分，下面打开模态。当模态打开时，如何通过应用程序的其余部分禁用 TABing？
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）