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

键盘焦点绝不应被锁定或锁定在特定的页面元素上。用户应该能够仅使用键盘来浏览所有网页元素。

如何手动测试

如需测试用户是否无法意外卡住焦点,请仅使用键盘在所有网页元素之间导航。使用 Tab 键“向前”导航,使用 Shift+Tab 键“向后”导航。

如果您无法成功按 Tab 键浏览所有网页元素,则说明键盘导航功能无法正常运行。请留意自动补全 widget,因为键盘焦点可能会卡住。

详细了解手动无障碍功能测试

解决方法

以多种格式(例如模态对话框和 widget)呈现内容的页面可能会出现焦点陷阱。

如果您有一个需要互动的模态窗口,并且希望在用户确认之前阻止用户与页面的其余部分互动,那么您才可以考虑暂时将用户困在模态窗口中。不过,您应考虑提供一种可通过键盘退出模态窗口的方法。

以下示例展示了如何创建无障碍模态。 在本示例中,您可以获得模态窗口的预期行为,而无需强制用户刷新页面以摆脱焦点陷阱。

我们还建议您阅读模态窗口和键盘陷阱

重要性

对于无法或选择不使用鼠标的用户,键盘导航是他们访问屏幕上所有内容的主要方式。良好的键盘体验取决于合理的标签页顺序和清晰可辨的焦点样式。如果键盘用户被困在特定的页面元素中,则无法与页面互动。

详细了解如何使用辅助技术进行测试

资源

用户焦点不会意外地限制在区域审核中的源代码