已合作成功的客户
遍及全国及海外
中国
杭州,绍兴,宁波,湖州,嘉兴,温州,台州,上海,北京,南京,苏州,常州,无锡,长沙,青岛,江西,台湾,南宁,海南,成都,哈尔滨,深圳,香港,沈阳 ...
海外
美国,加拿大,丹麦,澳大利亚,新加坡,法国,智利,日本,英国 ...
合作咨询
4001-355-360
WCAG规范是什么?
作者:admin
来源:lanyunwork
时间:2025-10-25
分享到:
一、核心定义
WCAG,全称为 Web Content Accessibility Guidelines,中文是 《Web 内容无障碍访问指南》。
它是一套由 W3C(万维网联盟) 的国际组织发布的标准、指南和成功标准,旨在使 Web 内容 对各种残障人士都能更易于访问。这里的 “Web 内容” 不仅仅指文字,它包括了:
(1)网页和移动应用中的任何自然信息,如: · 文本、图片、音频、视频
(2)代码或标记:定义结构、表现等(如 HTML, CSS, JavaScript)
(3)用户界面组件:按钮、表单、导航菜单等
二、核心原则
1. 可感知
(1)含义:信息和用户界面组件必须以用户能够感知的方式呈现。
(2)例子:
· 为图片提供文本替代(alt text),供屏幕阅读器用户“听”到。
· 为视频提供字幕,供听障用户阅读。
· 颜色不是传达信息的唯一手段(例如,不能只说“红色项是必填的”)。
· 文本与背景有足够的对比度,方便低视力用户阅读。
2. 可操作
(1)含义:用户界面组件和导航必须是可操作的。
(2)例子:
· 所有功能都可以通过键盘完成,而不依赖鼠标。
· 给用户足够的时间来阅读和使用内容。
· 避免设计已知会引发癫痫或身体反应的内容(如快速闪烁)。
· 提供清晰的导航方式,帮助用户知道自己在哪里以及如何到达想去的地方。
3. 可理解
(1)含义:信息和用户界面的操作必须是可理解的。
(2)例子:
· 文本内容是可读且易于理解的。
· 网页的呈现和操作方式是可预测的(例如,导航菜单在各页面保持一致)。
· 帮助用户避免和纠正输入错误(如表单填写错误时提供清晰的提示)。
4.健壮
(1)含义:内容必须足够健壮,能够被各种各样的用户代理(包括辅助技术)可靠地解释。
(2)例子:
· 使用规范的、无错误的 HTML 代码。
· 为 UI 组件提供正确的名称、角色和值,以便屏幕阅读器等辅助技术能够准确识别和交互。
三、WCAG定义的三个一致性等级
(1)A 级(最低合规):最基本的要求,不满足则会使某些用户群体完全无法使用网站。
(2)AA 级(标准合规):这是最常被法律和法规引用的级别(如欧盟的 EN 301 549,美国的 Section 508)。它解决了最严峻的访问障碍。我们通常说的“符合 WCAG 规范”指的就是达到 AA 级。
(3)AAA 级(最高合规):这是最高级别的可访问性,适用于特定领域。对于整个网站来说,要达到 AAA 级通常非常困难,有时甚至不可能。
四、为什么它如此重要?
1. 道德与社会责任:互联网是现代生活的基础设施,确保每个人(包括超过10亿的残障人士)都能平等地获取信息和参与社会,是基本权利。
2. 法律与合规:全球许多国家和地区(如美国、欧盟、加拿大、澳大利亚)都已将 WCAG 纳入法律体系。不符合规范可能导致法律诉讼、巨额罚款和声誉损失。
3. 商业利益:
· 扩大受众:服务于残障人士及其亲友这个庞大的市场。
· 提升普通用户体验:良好的可访问性设计通常也意味着更好的用户体验(UX),例如清晰的导航、可读的文本、简单的操作。
· SEO(搜索引擎优化):许多可访问性实践(如语义化 HTML、图片 Alt 文本、清晰的结构)与 SEO 最佳实践高度重合,有助于提升搜索排名。
获取方案