手动检查是否所有自定义控件均可通过键盘作为焦点 并显示焦点指示器。 元素的聚焦顺序应力求遵循 DOM 顺序。 如果您不确定哪些元素应该获得焦点， 请参阅 web.dev 上提供的学习无障碍功能课程中的“重点”单元。
如何手动测试
测试自定义控件是否可聚焦
并显示焦点指示器
首先在你的网站上使用 Tab 键进行搜索。
使用 TAB（或 SHIFT +
TAB）可在控件之间移动，然后使用箭头键和
ENTER 和 SPACE，用于操控它们的值
（另请参阅键盘操作基础知识）：
您能访问网页上的所有互动控件吗？ 每个交互控件上是否都有焦点指示标志？
解决方法
如果您无法使用 Tab 键浏览页面上的所有元素，
您可能需要使用 tabindex 来提高这些控件的可聚焦性。
要使自定义控件可聚焦，请执行以下操作：
使用 tabindex="0" 将自定义控件元素插入到自然 Tab 键顺序中
（另请参阅使用 tabindex 控制焦点）。
例如：
<div tabindex="0">Focus me with the TAB key</div>
您可能还需要向自定义控件元素添加适当的 ARIA 角色。 请参阅自定义控件具有 ARIA 角色。
如果您没有看到焦点指示标志
考虑使用 :focus 始终显示焦点指示器。
无论您是使用鼠标还是键盘进行 Tab 键操作，
按钮的焦点指示器看起来始终相同
（另请参阅样式焦点）。
重要性
对于无法使用或选择不使用鼠标的用户， 键盘导航是访问屏幕上的所有内容的主要方式。 良好的键盘输入体验取决于逻辑 Tab 键顺序和易于辨别的焦点样式。 如果键盘用户看不到所聚焦的内容，则无法与网页互动。
如需了解详情，请参阅如何进行无障碍功能审核。