前端知库

怎样验证一个页面可以只用键盘操作?

参考答案

先确认主要功能能通过键盘完成:导航、打开菜单、填写表单、提交与关闭弹层。Tab 的顺序应与阅读和操作逻辑一致,当前焦点要清晰可见。不要为了美观直接移除 outline 却不给替代样式。

普通按钮和链接优先使用原生元素。复杂组件应按对应模式定义方向键、Enter、空格和 Escape 行为。正数 tabindex 往往让维护和顺序更困难,通常应通过合理 DOM 顺序解决。

仅测试 Tab 能移动还不够,要确认隐藏内容不会意外获得焦点,错误出现后用户能找到提示,以及模态框关闭后焦点回到合理位置。某些依赖连续指针路径的交互有标准例外,应根据具体功能判断。