怎样设计键盘操作与焦点？
让键盘用户知道当前位置，并能按合理顺序完成网页操作。
键盘操作，是不使用鼠标也能完成网页任务。焦点是键盘当前操作的位置；用户需要看得见它，也需要按合理顺序到达各个操作。
先记住这几件事
- 语义 HTML 是用网页结构说明内容的角色，例如标题、链接和按钮；HTML 是组织网页内容的语言。
- Tab 键通常移向下一个可操作项；不同部件有不同的按键规则，不能全部照搬。
- 焦点提示 是标出当前位置的边框或其他清楚表现，不能为了外观随意删掉。
- 展开菜单或窗口后，要安排进入、退出和返回位置，避免用户被困住。
操作要求见 W3C：键盘 ，当前位置提示见 W3C：焦点可见 。
用键盘检查的流程
焦点安排的示意
下面是一个假设表单。
| 阶段 | 原先情况 | 调整后 |
|---|---|---|
| 移到邮箱字段 | 看不出选中位置 | 有清楚的焦点提示 |
| 到达保存操作 | 鼠标能点，键盘跳过 | 使用可键盘操作的按钮 |
| 关闭编辑窗口 | 位置丢失 | 通常回到打开窗口的入口 |
用一个例子走一遍
用户用 Tab 键到达“编辑资料”，打开窗口后填写邮箱并保存。窗口关闭时，键盘位置回到原入口。团队同时检查保存失败的路径，确保用户能找到错误字段，也能取消并离开。
边界与常见误解
焦点与鼠标悬停不是同一个状态。能按 Tab 到达一个元素，也不等于它能正确完成操作。只画出焦点框还不够，需要用网页结构、按键行为和真实浏览器一起验证。