网站改版不只是换一套颜色或首页图片。对加拿大中小企业来说，改版同时影响客户能否在手机上完成任务、能否用键盘浏览、能否读懂表单，以及搜索引擎如何理解页面。W3C 的 WCAG 2.2 提供了通用的无障碍标准；Google 的移动优先索引说明则提醒网站团队，移动版本的内容和体验不能被当成桌面版的缩小副本。
1. 先看移动布局：页面不能要求横向滚动
用真实手机和窄屏浏览器打开首页、服务页、价格页和联系页。检查标题、按钮、图片和表格是否适应屏幕宽度；如果用户必须左右拖动才能读完整句子或点击按钮，说明布局还没有真正响应式。Google 的移动优先索引会使用移动版本内容进行抓取和排名，因此移动页面不能只保留一个简化的“临时版”。
2. 用键盘走完一遍主要任务
不使用鼠标，依次访问导航、菜单、表单字段、下拉选项、提交按钮和关闭按钮。每一个可操作控件都应能到达、能操作、能离开；如果焦点跳到页面外或卡在弹窗里，发布前应修正 DOM 顺序和键盘交互。
3. 让焦点状态始终看得见
焦点轮廓不能被 CSS 删除，也不应只用非常细或低对比度的线条。设计稿中要明确键盘焦点、悬停和按下状态，并在浅色与深色背景上分别检查。焦点状态是无障碍要求，也是帮助所有用户理解“下一步在哪里”的基本反馈。
4. 表单标签要说明字段用途
姓名、邮箱、电话、公司网站和项目需求等字段都应有明确标签，而不是只把提示文字放在输入框里。错误信息应指出哪个字段需要修正，并保留用户已经填写的内容。提交后要同时确认成功提示、邮件通知和后台记录，避免设计上“看似完成”但线索没有到达团队。
5. 检查文字与背景的对比度
不要只在设计工具的明亮显示器上看颜色。用实际页面检查正文、链接、按钮文字、占位符和错误提示；品牌浅色、渐变背景和照片上叠字尤其容易让文字变得难读。WCAG 2.2 的成功标准可以作为验收依据，但具体项目仍应结合字号、字重和组件状态一起测试。
6. 建立清晰的内容层级
每页先回答“这是什么、服务谁、下一步是什么”，再安排细节、证明材料和常见问题。标题应按层级使用，按钮文字要说明动作，重要信息不要只靠颜色传达。这样既帮助读者快速浏览，也让屏幕阅读器和搜索引擎更容易理解页面结构。
上线前的实用验收顺序
建议团队先用手机完成一次真实任务，再用键盘完成同一任务，最后检查表单、焦点、对比度和标题层级。把发现的问题按“阻塞任务、影响理解、视觉微调”分类，先修复会阻止客户联系或获取服务的错误。改版上线后，也应在新内容和新组件加入时重复这套检查。
资料说明
本文参考 W3C Web Content Accessibility Guidelines（WCAG）与 “What’s New in WCAG 2.2”，以及 Google Search Central 的 “Mobile-first indexing best practices”。文章将标准和官方说明转化为网站项目的设计验收建议，不构成法律意见，也不保证搜索排名。
