1.国际:WCAG 与 POUR 四原则
WCAG(Web Content Accessibility Guidelines)由 W3C 发布,是全球网页与 App 无障碍的事实标准,现行版本 2.1(2018)与 2.2(2023),国内标准 GB/T 37668 也以其为基础。WCAG 的组织方式是 POUR 四原则 → 准则 → 可测试的成功标准(A / AA / AAA 三级)。
| 原则 | 一句话要求 |
|---|---|
| P 可感知 | 信息不能只靠单一感官传达——看得见也要听得出,听得到也要看得到 |
| O 可操作 | 所有功能键盘能完成,不依赖精准手势,给足操作时间 |
| U 可理解 | 文字可读、可预测;出错时告诉用户原因与改法 |
| R 健壮 | 代码语义化,与读屏等辅助技术兼容 |
| 条目 | 要求 | 关键参数 |
|---|---|---|
| 1.4.3 对比度(最低) | 文字与背景对比度 | 正文 ≥ 4.5:1;大字(≥24px 或 ≥18.7px 粗体)≥ 3:1(AA) |
| 1.4.6 对比度(增强) | 更严的对比 | 正文 ≥ 7:1;大字 ≥ 4.5:1(AAA) |
| 1.4.11 非文本对比 | UI 组件与图形必须有可辨边界 | ≥ 3:1(AA) |
| 1.4.12 文字间距 | 用户调整间距时不破版 | 行距、字距、段距留出放大余量 |
| 2.2.1 计时可调整 | 不搞死倒计时 | 可延长、可关闭、可续期(A) |
| 2.4.7 焦点可见 | 键盘焦点必须看得见 | 明显描边(AA) |
| 2.5.5 目标尺寸(增强) | 点击目标足够大 | ≥ 44×44 CSS px(AAA) |
| 2.5.8 目标尺寸(最低) | WCAG 2.2 新增 | ≥ 24×24 CSS px,或间距等效(AA) |
| 3.3.2 标签或说明 | 输入需要标签与提示 | 标签常显(A) |
使用建议
商业项目把 AA 当底线、AAA 当适老增强。注意 WCAG 是国际建议标准,在国内工程中,更硬的依据是下面的强制性国标与部委规范。
2.中国:建筑与环境类标准
| 标准 | 性质 | 适用与要点 |
|---|---|---|
| GB 55019-2021《建筑与市政工程无障碍通用规范》 | 强制性,2022 年 4 月 1 日起施行 | 全文强制执行,覆盖无障碍通行、服务设施、信息交流;新建与改扩建工程必须满足,是当前最有牙齿的依据 |
| GB 50763-2012《无障碍设计规范》 | 国家标准 | 坡道、门宽、扶手、无障碍卫生间等基础尺寸的常用出处 |
| JGJ 450-2018《老年人照料设施建筑设计标准》 | 行业标准 | 养老院、照料中心的设计:居室、卫浴、走廊宽度、双层扶手、紧急呼叫、消防疏散等 |
| GB 50340《老年人居住建筑设计规范》 | 国家标准 | 老年住宅与公寓:户内尺寸、设备配置、日照与通风等 |
家装与旧改场景虽然多数不受强制规范约束,但上表数值(回转直径、门宽、扶手高度、拉绳做法)正是「家用版适老化」的可靠参照——第四章的速查表即由此化出。
3.中国:信息技术与 App 适老化规范
| 标准 / 文件 | 性质 | 适用与要点 |
|---|---|---|
| GB/T 37668-2019《信息技术 互联网内容无障碍可访问性技术要求与测试方法》 | 推荐性国标 | 对标 WCAG,规定网页与移动应用的感知、操作、理解技术要求及测试方法 |
| 《互联网网站适老化通用设计规范》《移动互联网应用(App)适老化通用设计规范》(工信部,2021) | 部委规范,配合专项行动 | 见下表核心要求;首批覆盖 115 个网站、43 款 App |
| 要求 | 通俗解释 |
|---|---|
| 字体放大不乱版 | 支持系统级大字体,界面自适应不错位、不截断 |
| 无广告插件与诱导 | 适老版本不得出现广告插件、诱导下载 / 点赞类悬浮按钮,「摇一摇」跳转受限 |
| 验证码可替代 | 提供短信、语音等替代方式,不拿扭曲图形码「考眼力」 |
| 一键进入关怀模式 | 提供「长辈模式 / 关怀模式」显式入口,切换简单、可退出 |
| 语音辅助 | 提供朗读等语音辅助能力,重要信息可听 |
| 保留电话等传统渠道 | 线上改不了的,人工客服、线下渠道必须兜底 |
4.政策时间线
- 2019 — GB/T 37668 发布,互联网无障碍有了国标技术依据。
- 2020 年 11 月 — 国办印发《关于切实解决老年人运用智能技术困难的实施方案》,适老化上升为国家行动。
- 2021 年 — 工信部启动互联网应用适老化及无障碍改造专项行动,发布网站与 App 两个通用设计规范;微信、支付宝等上线「关怀模式 / 长辈模式」。
- 2022 年 4 月 — GB 55019《建筑与市政工程无障碍通用规范》强制实施,建筑无障碍进入「全文强制」时代。
- 「十四五」期间 — 老龄事业发展规划与养老服务体系规划持续推进居家适老化改造,多地将困难老人家庭改造纳入政府实事项目。
5.如何用标准做验收
标准读一遍记不住,也记不住没关系——验收时逐条走查即可。一套最小可执行的流程:
- 工具实测(30 分钟):对比度检查器逐页扫描文字与控件(本站 ③ 章 8 节有演示);浏览器缩放 200% 检查是否破版(对应「字体放大不乱版」)。
- 键盘走查(30 分钟):只用 Tab / Enter 完成核心任务,检查焦点是否可见、有无键盘陷阱、有无「悬停才出现」的内容。
- 读屏走查(1 小时):开启系统读屏(如 iOS 旁白 / Android TalkBack),蒙眼完成「查余额」「挂号」两个任务,记录卡点。
- 热区抽查:开发者选项打开「显示点按操作反馈 / 布局边界」,抽查高频按钮实际热区尺寸。
- 真人测试:按 ⑦ 流程自查的方法找 8~10 位 60 岁以上用户跑真实任务,工具测不出「看懂了但不敢点」这类问题。
验收结论分三档
不达标(违反强制规范 / AA 底线,必须改)、建议改进(AA 达标但体验差,排期改)、加分项(AAA 或超出规范的贴心设计,记录并表扬)。把三档写进验收模板,避免「全红全绿」的一刀切。