10 分钟键盘自查：不用鼠标能不能在你的网站下单

手部活动不便的用户、用读屏软件的视障用户，都主要靠键盘浏览网页。WCAG 2.1 里和键盘有关的几条都很基础：所有功能都能用键盘操作（2.1.1），焦点不会被困住（2.1.2），焦点顺序合理（2.4.3），焦点看得见（2.4.7）。前两条是 A 级，后两条分别是 A 级和 AA 级。我们的在线检测会自动按 30 次 Tab 键看焦点，但完整的购物流程还是要人走一遍。

开始前的准备

• Mac 用户：系统设置 → 键盘，打开“键盘导航”；Safari 还要在 设置 → 高级 里勾选“按 Tab 键高亮显示网页上的每一项”，否则 Tab 会跳过链接。用 Chrome 测更省事。
• Windows 用户：Chrome 和 Edge 默认就能用 Tab 浏览。
• 把鼠标或触控板推到一边，整个过程不要碰。
• 准备一个记录表：页面、第几步、遇到什么问题，最好顺手截图。

按这个顺序走一遍

1. 首页第一下 Tab：应该出现“跳到正文”之类的链接，按 Enter 能跳过导航。
2. 导航菜单：下拉菜单能用 Enter 或方向键展开，Esc 能收起。
3. 弹窗：订阅弹窗、Cookie 横幅出现时，焦点应该进入弹窗，Esc 或“关闭”按钮能关掉，关掉后焦点回到原来的位置。
4. 搜索：能用 Tab 到搜索框，输入后按 Enter 出结果。
5. 分类页：筛选、排序、加载更多都能用键盘操作。
6. 商品页：选颜色、尺码，改数量，加入购物车，每一步都有反馈。
7. 购物车：改数量、删除商品、输入优惠码。
8. 进入结账：能填到地址页就可以停了，不用真下单。

每一步看什么

第一看焦点框。每按一次 Tab，页面上都应该有一个清楚的框或底色标出焦点在哪。很多主题为了好看把焦点框去掉了，用键盘的人就完全不知道自己在哪：

第二看顺序。焦点应该大致按视觉顺序走：先导航，再内容，商品选项从上到下。突然跳到页脚、或者在看不见的元素上停留，都是问题：

第三看会不会被困住。焦点进了某个区域（轮播图、视频、聊天插件）就出不来，是 A 级问题。WCAG 2.2 还新增了一条：焦点不能被吸顶导航、Cookie 横幅等元素完全挡住。

常见问题和改法

这些问题大多在主题和第三方应用里，改一次全站生效。改完再走一遍，把记录表里的问题逐条勾掉。更完整的检查项见 WCAG 2.1 AA 检查清单，也可以先用免费在线检测看看自动键盘测试的结果。