Accessibility 可访问性
可访问性不是只给少数人做“特殊版本”。它让键盘用户能操作,让屏幕阅读器能读懂,让低视力用户看得清,也让临时受限的人在嘈杂、强光或单手场景下仍能使用。
关键结构图
四个象限分别写可感知、可操作、可理解、稳健,中间放一个可用产品。
What
Accessibility 可访问性是让不同能力、设备和情境下的人都能理解并使用产品的质量要求。
Accessibility 可访问性是产品在视觉、交互、内容和代码层面对更多用户开放的能力。它涉及颜色对比、键盘操作、语义标签、焦点顺序、错误说明、替代文本和响应式适配。它的边界是产品质量基础,不是上线后的附加装饰。
StructureAccessibility = 可感知 + 可操作 + 可理解 + 足够稳健
When
只要产品面向真实用户,就应该考虑可访问性。尤其当界面包含表单、导航、图表、弹窗、复杂组件或关键交易流程时,可访问性不是可选项。
How
先保证语义 HTML、键盘可达、焦点可见、颜色对比足够和错误提示清楚。复杂组件再补充 ARIA 语义,并用真实交互方式测试。
Examples
一个按钮不仅要有颜色和图标,还要有可访问名称和清楚聚焦状态。键盘用户应该能 tab 到它并触发动作。
表单错误不能只用红色边框表示。字段附近要有文字说明,必要时还要有错误汇总和跳转。
来源
类型:可访问性标准 / 设计系统实践
事实线:WCAG 将网页可访问性组织为可感知、可操作、可理解和稳健四类原则;WAI-ARIA 为复杂组件提供语义补充。
依据:WCAG、WAI-ARIA Authoring Practices、USWDS accessibility guidance。
边界:适用于网页、应用和数字内容;不同法律地区可能有额外合规要求。
常见误读:不要把可访问性等同于通过自动化扫描。真实键盘、读屏和认知负担仍需人工检查。