键盘焦点绝不应被锁定或锁定在特定的页面元素上。用户应该能够仅使用键盘来浏览所有网页元素。
如何手动测试
如需测试用户是否无法意外卡住焦点,请仅使用键盘在所有网页元素之间导航。使用 Tab 键“向前”导航,使用 Shift+Tab 键“向后”导航。
如果您无法成功按 Tab 键浏览所有网页元素,则说明键盘导航功能无法正常运行。请留意自动补全 widget,因为键盘焦点可能会卡住。
详细了解手动无障碍功能测试。
解决方法
以多种格式(例如模态对话框和 widget)呈现内容的页面可能会出现焦点陷阱。
如果您有一个需要互动的模态窗口,并且希望在用户确认之前阻止用户与页面的其余部分互动,那么您才可以考虑暂时将用户困在模态窗口中。不过,您应考虑提供一种可通过键盘退出模态窗口的方法。
以下示例展示了如何创建无障碍模态。 在本示例中,您可以获得模态窗口的预期行为,而无需强制用户刷新页面以摆脱焦点陷阱。
我们还建议您阅读模态窗口和键盘陷阱。
重要性
对于无法或选择不使用鼠标的用户,键盘导航是他们访问屏幕上所有内容的主要方式。良好的键盘体验取决于合理的标签页顺序和清晰可辨的焦点样式。如果键盘用户被困在特定的页面元素中,则无法与页面互动。
详细了解如何使用辅助技术进行测试。