用户焦点未意外地限制在某个区域中

键盘焦点不得锁定或卡在特定的页面元素上。 用户应该只使用键盘就能导航到所有页面元素以及从所有页面元素导航离开。

如何手动测试

如需测试用户是否会意外地聚焦于自己,请仅使用键盘导航到所有页面元素以及从所有页面元素中导航出来。使用 TAB 可“向前”导航,使用 SHIFT + TAB 可“向后”导航。

如果您无法通过 Tab 键成功浏览所有页面元素,则表示未通过测试。 在测试时,请特别注意自动补全 widget,这些 widget 可能会卡住键盘焦点。

修正方法

以多种格式(例如模态对话框和 widget)呈现内容的网页有容易被误区。如果要显示模态窗口,如果您不希望用户与页面的其余部分互动,则可以暂时诱使用户。

但您还应该提供一种可通过键盘访问的模态转义方法。请查看此示例,了解如何创建无障碍模态。 另请参阅模态窗口和键盘陷阱。 在此示例中,您将获得模态窗口的所需行为,而无需强制用户刷新页面以离开焦点陷阱。

重要意义

对于无法使用鼠标或选择不使用鼠标的用户来说,键盘导航是浏览屏幕上的所有内容的主要方式。良好的键盘输入体验依赖于逻辑标签页顺序和易于识别的焦点样式。如果键盘用户被卡在某个特定的页面元素上,他们将无法与该页面互动。

如需了解详情,请参阅如何进行无障碍功能审核

资源

用户焦点未意外卡在某个区域审核日志的源代码中