技术   约 60 分钟 · 4 个验收动作

移动端、HTTPS 与可用性

消除容易让用户流失的基础障碍。

实际场景
示例：手机上的“预约咨询”按钮不能被顶部固定导航挡住。
操作方式：照着完成一个动作 → 保留结果 → 勾选完成。这里给出的工具和政策以实际官方界面为准；模拟情景不代表真实客户结果。

逐步照做

1

用 390px 与 768px 宽度检查导航、字体、表格和按钮，不出现横向整页溢出。

验收：至少截 2 张视口截图，能完成主要用户任务。

卡住怎么办：表格太宽时只让表格横向滚动，不让全页面滚。

2

确认 HTTPS 证书有效，无混合内容和跳转循环。

验收：无痕浏览器不出现安全警告。

卡住怎么办：外部脚本仍走 HTTP 时升级或移除。

3

对每个可交互控件检查键盘操作、焦点状态、标签和可访问性。

验收：不使用鼠标也能到达核心链接和提交表单。

卡住怎么办：弹窗无法关闭先修键盘焦点与 Escape。

4

真实提交一次表单/预约，确认感谢页或确认消息与后端收到数据。

验收：有从落地页到动作完成的全链路测试记录。

卡住怎么办：前端点击成功不代表后台收到线索。

本章交付物

有从落地页到动作完成的全链路测试记录。

核验资料

← 上一章下一章 →