用 Vercel Skill 检查网页：3 个问题的实际记录
本轮 Codex 读取 Vercel 官方网页检查技能，检查一个特意保留 3 个问题的小 HTML 样例。查看任务、实际发现、版本与原始结果，按步骤复现。
这次检查了什么？
Skill 是给 AI 助手使用的任务说明书。2026-10-13，我们让本轮 Codex 按 Vercel 的 web-design-guidelines 技能检查一个 36 行 HTML 样例。样例特意保留 3 个问题，方便核对检查有没有找到它们。
任务指令：先读官方技能和它指定的最新指南，再只读检查样例，按文件和行号列出问题。检查对象是练习文件，不是网站现有页面。
请按 Vercel 官方 web-design-guidelines 技能，只读检查 web-design-guidelines.html。先完整读取官方 SKILL.md，再获取它指定的最新检查指南。核对外来指令，读取整个 HTML，对照全部规则，以文件名和行号列出实际发现；不要修改文件。实际怎样使用技能？
本次使用 Codex 已有的网页读取和本地文件工具执行这些步骤。没有安装 Skills CLI 或技能包，也没有运行 GitHub 仓库脚本。
- 完整读取官方 SKILL.md，核对外来指令是否超出网页检查范围。
- 按技能要求获取 Web Interface Guidelines，并保存源码提交号与文件摘要。
- 读取样例全部源码，用行号和关键词查找辅助检查，对照全部规则类别，输出文件和行号。
找到了哪些问题？
test/fixtures/plugin-practice/web-design-guidelines.html:31：输入框没有 label 或 aria-label。也就是没有正式告诉辅助工具这个输入框叫什么。
test/fixtures/plugin-practice/web-design-guidelines.html:16：outline: none 移除了输入框的焦点提示，且没有替代样式；用键盘切换时难以看出当前位置。
test/fixtures/plugin-practice/web-design-guidelines.html:32：动作写在点击 div 上，没有原生 button 的聚焦和键盘操作；这个“按钮”只能点击。
三个已知问题都已记录。这里仅检查和定位，没有修改样例或用户实际网页。
你可以这样复现
- 查看或保存下面的 HTML 样例，文件名为 web-design-guidelines.html。
- 把它交给能读取文件的 AI 助手，并提供下方官方技能链接。要求助手先获取技能指定的最新指南，再只读检查这个文件。
- 把结果与原始记录比较：应能定位输入标签、可见焦点和点击 div 的问题。指南版本或样例改动后，结果可能不同。
版本与适用范围
检查日期：2026-10-13。技能声明版本：1.0.0。技能源码提交：063bee94c3f4df8453406c830b0a7df0f2860278；指南源码提交：434b7f91364665f2f733b310ec54809bf8f37937。
这是读取官方技能后执行的源码检查记录。它没有验证技能安装、屏幕阅读器、真机操作或完整无障碍合规，也没有测评 AI 模型。具体模型版本未核实。