如何解决React - 键盘可访问性 - 如果打开，则仅限于网页内容或模式内容避免通过浏览器工具栏进行 TABing
我正在我的 React 应用中实现键盘辅助功能。在 :focus-visible 元素的 a,input,button,textarea,select 伪类上，我应用了轮廓边框并且效果很好。但问题是，浏览应用的标签不仅限于应用内容，一旦我结束浏览应用内容的标签，它就会将焦点转移到浏览器的工具栏（书签工具栏、插件工具栏和其他浏览器选项）上。
问题：
-
如何限制仅对应用内容进行 Tab 键？因此，只要我第一次按下 TAB，它就应该从例如页眉导航栏链接开始，一旦我到达结尾（即通过页脚链接导航），它就应该从起点（页眉导航栏）再次开始。
-
第二个问题：如果打开模态，键盘可访问性不会被锁定/仅限于模态内容（应该是），但是一旦我通过所有模态元素，TABing 会继续在应用程序的其余部分，下面打开模态。当模态打开时，如何通过应用程序的其余部分禁用 TABing？
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
