跳到内容

设计

界面无障碍抽查

用键盘、名称和焦点做一次抽查,指出会挡住操作的问题。

这是一份技能包:步骤、约束和可复制提示词。贴进 Cursor 或 Claude 之后,由你自己运行。

步骤

  1. 1

    走一遍主路径

    只用键盘完成页面上的主要任务:进入、填写或选择、提交、离开。记下焦点到不了或顺序反了的地方。

  2. 2

    核对名称和状态

    按钮、输入框、图标按钮要有能读出来的名称。错误提示要说明错在哪、怎么改,而不是只变红。

  3. 3

    看焦点和对比

    焦点不能消失。文字和关键控件要能从背景里辨认。这里只指出明显问题,不代替专业对比度测量。

  4. 4

    写下没查的部分

    弹层、拖拽、富文本如果这次没走到,单独列出。抽查不是认证。

约束

  • 不把抽查写成 WCAG 认证或合规结论。
  • 不要求为了过清单去改无关视觉。
  • 没有真实辅助技术输出时,不写「屏幕阅读器已通过」。

可复制提示词

```text
请遵守 design/design-ui-designer.md,并用 testing/testing-accessibility-auditor.md 的核对方式。实现建议要让 engineering/engineering-frontend-developer.md 能直接改。

按「界面无障碍抽查」检查我描述或贴出的界面:
1. 写出只用键盘能否走完主路径,卡在哪里。
2. 列出缺名称、缺错误说明、焦点丢失的控件。
3. 指出明显看不清的文字或控件。
4. 列出这次没检查的部分。

声明这是抽查,不是合规认证。
输出:

会用到这项技能的任务模板