用途:回答一个核心问题——使用辅助工具、不同输入方式或不同能力的人,能否使用该产品。关注残障用户能否平等地感知、理解、导航和交互,包括屏幕阅读器、纯键盘、开关、语音控制、放大和字幕用户。语境层面的包容性(语言、文化、设备、经济条件)属于相邻的 inclusive-design 技能,两者应保持区分。
适用时机:涉及 WCAG 合规、ARIA、语义标记、屏幕阅读器支持、键盘与焦点管理、颜色对比度、文本替代(alt、字幕、转录)、无障碍表单与错误提示、目标尺寸、时间限制、动效敏感或认知无障碍时使用;也适用于“让这个可访问”、执行 a11y 审计或检查残障用户能否完成任务。若真正问题是语境排斥(非英语用户、低端设备、慢网络、首次或焦虑用户、全球姓名地址格式),应改用 inclusive-design。
心智模型 POUR:可感知(文本替代、字幕、对比度、不单靠颜色、缩放重排);可操作(键盘可达、可见焦点、无键盘陷阱、目标尺寸、时间可调、无闪烁);可理解(清晰标签、说明与错误信息、一致导航、可读语言);健壮(有效语义结构、控件的名称/角色/值正确、优先原生语义,ARIA 仅补缺)。
快速审计清单:Tab 走查全流程是否可达可操作、焦点可见、顺序合理、无陷阱;屏幕阅读器是否播报有意义的名称与角色、图片有替代或标记装饰、动态更新被播报;对比度正文 4.5:1、大字 3:1,含义不单靠颜色;标题、列表、地标、标签是否语义化且阅读顺序与视觉一致;表单字段有标签而非仅占位符,错误以文本标识、关联字段并说明修复方法;点击目标足够大且有间距,时间限制可取消或调整,自动保存防丢失;音视频有字幕/转录,尊重减少动效偏好,无每秒约 3 次以上闪烁;200% 缩放或大字体下内容重排不裁切、不横向滚动。
超越合规:WCAG 未覆盖认知与学习障碍(阅读障碍、ADHD、自闭症、痴呆、失语、记忆或注意力差异)所需,W3C COGA 为补充性指导,涉及可读性、复杂流程、表单、登录或“令人困惑/不堪重负”时可参考 references/cognitive-accessibility.md。
动效、感官与年龄:动画可能引发前庭障碍者的恶心、眩晕,或光敏者的癫痫,应尊重 prefers-reduced-motion,减少或替换动效而非移除全部反馈;老年用户的视觉、灵活性、听力和记忆变化与残障需求重叠,相关模式见 references/motion-and-sensory.md。
验证方式:自动化检查器(axe、Lighthouse、Accessibility Scanner 等)大约只能发现三分之一问题,必要但不充分。必须补充人工检查:仅用键盘走真实流程,再用屏幕阅读器,再开启系统减少动效与大字体设置。工具抓不到的缺陷(无意义的焦点顺序、说谎的标签)往往才是真正阻塞用户的问题。
参考资料:references/cognitive-accessibility.md(W3C COGA 八项目标与设计模式)、references/motion-and-sensory.md(减少动效 CSS 示例、光敏、老年用户能力重叠);主要来源包括 W3C WAI 的无障碍、可用性与包容性,COGA 的让内容对认知与学习障碍者可用,W3C WAI 的老年用户与 Web 无障碍,以及 MDN 的 prefers-reduced-motion。