核心能力 / SEO / A11y / Responsive
体验收口
功能完成不等于体验完成。交付前我会从搜索引擎、键盘用户、移动设备、弱网环境和异常数据等角度重新走查页面，把容易被忽略的边界收紧。
先用白话理解
这项能力到底是什么？
体验收口是功能完成后的最终检查，确保手机、键盘操作、搜索和异常状态都可用。
我的判断方式
语义与可访问性
标题层级、Landmark、表单名称和焦点状态应当在视觉之外同样成立。
响应式不是两个断点
通过弹性布局、内容约束和真实设备检查覆盖中间宽度。
SEO 与分享完整
页面标题、描述、结构化内容和分享图片需要与真实页面内容一致。
交付检查
落地时会确认什么
- 键盘能否完成所有核心操作
- 320px 宽度是否无横向溢出
- 页面是否只有一个 H1
- 错误反馈是否同时包含文字说明
可以怎样一步步做
- 用键盘完整操作页面
- 检查手机到桌面的连续宽度
- 模拟无数据、失败和慢加载
- 检查标题、描述和分享信息
常见误区
- 只检查一个浏览器
- 错误只用颜色表达
- 移动端隐藏必要信息
术语解释
- A11y：可访问性
- SEO：帮助搜索引擎理解页面
- 响应式：页面随屏幕调整布局