若要为用户提供流畅的键盘导航体验，实现逻辑标签页顺序至关重要。屏幕阅读器和其他辅助技术会按 DOM 顺序浏览网页。信息流应有意义。
如何手动测试
如需检查应用的 Tab 键顺序是否合乎逻辑，请尝试在页面上按 Tab 键导航。一般来说，焦点应遵循阅读顺序，即从左到右、从页面顶部到底部移动。
在评估标签页顺序时，应牢记以下两个主要思路：
- DOM 中的元素是否按逻辑顺序排列？
- 屏幕外内容是否已在导航中正确隐藏？
请留意导航中任何看起来不协调的跳跃。 此外，请注意任何屏幕外跳跃。在这种情况下，按 Tab 键即可转到原本不可见的内容。
如需了解详情，请参阅键盘操作基础知识。
修正方法
如果焦点顺序看起来不对，您应该重新排列 DOM 中的元素，使 Tab 键顺序更加自然。
如果您使用 CSS 在视觉上调整元素位置，则辅助技术用户将体验到无意义的导航。请将元素移到 DOM 中的较早位置，而不要使用 CSS。
如果键盘控件仍可访问屏幕外内容，请考虑使用 tabindex="-1" 将其移除。
如需了解详情，请参阅使用 tabindex 控制焦点。