本页内容
先做一项可验证的任务
审查一个有交互控件的真实页面。记录失败状态、对应规则和可通过键盘或窄屏复核的修改。
同时检查交互与呈现
底层规范涉及语义控件、键盘访问、可见焦点、表单、动效、图片和导航状态等问题。技能将规则与待审代码关联,让问题定位到具体实现。
明确组件范围,便于落实修改
页面、表单或导航组件都适合作为审查单位,加载、校验错误与键盘焦点等状态界定检查内容。明确文件范围后,更容易把报告问题对应到具体修改。
按用户受到的影响排序
缺少可访问标签、操作无法触达和装饰不一致,对用户的影响不同。按影响整理问题,有助于先处理阻断操作的缺陷;修改后重新检查,才能确认问题解决且没有破坏其他状态。
代码审查是验证的一环
规范审查能发现源码中可见的问题,真实设备、不同内容长度和辅助技术还可能暴露其他行为。可用性研究与性能测量所回答的问题,无法仅靠一轮代码规范检查解决。
你可能还想知道
它会生成完整视觉识别吗?
它的主要用途是审查 UI 代码;新品牌方向或设计系统需要单独设计。
它使用哪份规则?
技能指向 Vercel 持续维护的 Web Interface Guidelines,技能文件与底层规则都可查看。
资料出处
本文依据引用的文档与作者来源整理,vibeforthat 未对本文进行独立安装或端到端产品实测。