该页面具有合乎逻辑的 Tab 键顺序

许多不同的用户都依赖键盘来浏览应用 （包括暂时性或永久性运动障碍用户） 。 符合逻辑的 Tab 键顺序是 提供流畅的键盘导航体验。

如何手动测试

要检查应用的标签页顺序是否合乎逻辑， 请尝试在网页中按 Tab 键。 元素获得焦点的顺序应遵循 DOM 顺序。 一般来说，焦点应遵循阅读顺序，从左到右、从页面顶部到底部移动。

如需了解详情，请参阅键盘访问基础知识。

您能访问网页上的所有互动控件吗？ 如果不是，您可能需要使用 tabindex 来提高这些控件的可聚焦性。 一般经验法则是，用户可以与任何控件进行交互或提供输入 应可聚焦，并显示焦点指示器。 如果键盘用户看不到焦点所在的位置，就无法与网页互动。

解决方法

如果焦点顺序似乎不正确，您应重新排列 DOM 中的元素，以使标签页顺序更自然。

如果您无法访问网页上的所有互动控件 首先，解决方法是用标准化的 HTML 替代项替换自定义控件。 例如，将用作按钮的 <div> 替换为 <button>。使用内置 HTML 元素可以显著提高网站的无障碍功能，并大幅减少工作量。

如果您要构建没有标准化 HTML 等效项的自定义交互式组件，请使用 tabindex 属性确保这些组件可通过键盘访问。例如：

<div tabindex="0">Focus me with the TAB key</div>

如需了解详情，请参阅使用 tabindex 控制焦点。

资源

网页包含逻辑标签页顺序审核的源代码