WCAG是基于四个原则的无障碍国际标准

2024/10/29

WCAG（Web C本体 A无障碍 G(uidelines)旨在确保以公平的方式向尽可能多的人提供网站和网络内容。国际准则这是。特别是，使残疾人、老年人和其他人更容易使用网站的标准。许多国家和公司将此作为网络无障碍的基础，因为

WCAG 是它规定了网站和网页内容的 "无障碍程度"，包括四项原则基于。

(i) 可感知。
②操作可能
③理解可能
(4) 稳健性

也是 WCAG 中的内容、A 级"、"AA 级 "和 "AAA 级 "三个符合性等级表示无障碍支持的程度。有了解这四项原则和三个符合性等级可确保您的网站正确符合 WCAG 标准。

符合 WCAG 标准是一项重要举措，可为众多用户带来更多便利，提高公司的品牌价值，同时降低法律风险。

本文解释了 WCAG，详细介绍了上述四项原则和三个符合性等级，以及遵守 WCAG 的好处和不遵守的风险。

这篇文章介绍了 WCAG，但以下内容除外《网页无障碍性导入指南》（数字厅出版）并详细总结了符合 WCAG 的具体方法。参与网页制作的设计师、工程师和其他人员必须结合本文进行阅读。

网络无障碍实施指南》（最后修订日期：2024 年 3 月 29 日）。

WCAG 的 "四项原则 "和 "三个符合性等级

首先，您需要了解 WCAG，知道它的四项原则和三个符合级别，以便构建符合 WCAG 的网页内容。

WCAG 有四项原则、与每项原则相关的多项准则。其中有为制作网络内容提供具体指导的指南、每项准则都有三个符合绩效标准的等级。这也是 WCAG 的基本结构。

◆WCAG 结构

下面将对这四项原则进行解释。

四项原则：可感知、可操作、可理解和稳健。

形成 WCAG 的四项原则是为向大量用户提供网站而建立的基础设施。我们将详细解释其中的每一项原则。

(i) 可感知。

确保用户能够感知网络内容的原则；使视障者和听障者能够识别内容、提供文本、图像和音频等替代信息手段。这是必要的。

可感知 "的具体例子。

图像的替代文本。
不完全依赖颜色来呈现信息
... 视频字幕和语音描述。

因此，所有无论视觉或听觉是否受限，都能感知内容需要文本化和其他传播手段，以确保

②操作可能（Operable）

这些原则旨在帮助用户浏览网站。允许残疾用户仅使用键盘进行操作，如果他们无法及时完成操作，则给予他们额外的时间。必须能够操作可以很好完成的内容，例如

可操作 "的具体例子。

支持键盘操作。
∙ 留出足够的时间
限制闪光和闪灯。

在这一原则中使用任何设备或辅助工具的用户都可以操作内容设计系统时必须做到以下几点

③理解可能（Understandable）

这是一项确保所有用户都能理解内容和界面的原则。避免过于复杂的操作和使用艰涩的语言。为用户提供直观易懂的设计要执行。

可以理解 "的具体例子。

...易于理解的导航...
... 易于理解的错误信息。
......使用简明易懂的语言。

使用户易于理解和操作系统、避免使用行话和复杂的措辞，以清晰易懂的方式设计内容流程和功能。。

(iv) 稳健。

内容可在各种技术和设备上稳定运行，例如专为兼容性而设计。刚一原则：用户目前正在使用或在使用未来可能出现的辅助工具和浏览器时不会出现问题。哟符合标准的规范使用。

稳健性 "的具体实例。

使用准确的 HTML
... 兼容不同的浏览器和设备。

设计必须在技术上坚固耐用、灵活多变，以确保网站在未来许多年里都能继续满足大量用户的需求。

网站的验证和建设应遵循这四项原则。

WCAG 2.0 现已成为国际标准，而技术和设备却在迅速变化和发展、它的特点是内容抽象，独立于技术规范，以确保许多网站都能轻松有效地进行验证（可测试性）。

三个合格级别："A"、"AA "和 "AAA"。

在上一节提到的四项原则下面，还有若干与每项原则相关的准则，这些准则提供了详细的标准，以确保尽可能多的用户可以访问网络内容。

每项准则都有若干成就标准，分为 A 至 AAA 三个符合性等级、网站考虑无障碍程度的指标。并以这样一种方式进行描述，即在根据实现标准对网站进行验证时，可以确定符合或不符合标准。

(i) 符合 A 级（最低无障碍标准）

一致性 A 级意味着符合基本的无障碍要求；在这一级别上、为用户访问内容提供最低限度的支持。例如为图像提供替代文字、停止自动播放视频等。包括：不符合 A 级标准的网站，因为这可能导致许多用户无法进行基本操作、应优先考虑的标准。。

(ii) 符合 AA 级标准（标准无障碍标准）

一致性 AA 级是无障碍标准，符合满足广大用户的要求。许多国家和公司都建议网页内容符合这一标准。例如，保持适当的颜色对比度、输入表格上清晰的项目名称等。包括：符合 AA 级标准可使大多数用户更容易访问网站。

(iii) 符合 AAA 级（最高无障碍标准）

AAA 级符合最高级别的无障碍要求；符合这一级别的要求可确保几乎所有残疾用户都能舒适地使用内容；符合这一级别的要求、提供手语视频，保持文字简明易读等。不过，名单中包括以下内容、达到这一水平并非总是切实可行，因此不建议将其作为一项要求。

这些标准分为三个等级，从 A 到 AAA、要达到 AA，就必须达到 A，而要达到 AAA，就必须达到 AA 和 AAAA 目前很难达到、符合网络无障碍要求的理想状态是 "符合 AA 级一致性要求"。被认为是。

此外，特别是为达到 AA 级和 A 级合格标准而采取的措施的内容、网络无障碍基础设施委员会 (WAIC) 发布了一份快速参考表。另请参见

JIS X 8341-3:2016 达标标准快速参考（A 级和 AA 级）

现在我们来谈谈符合 WCAG 标准的好处。

符合 WCAG 标准的五大益处

网站符合 WCAG 标准有很多好处，这里我们将讨论五个具体的好处。

优点 1) 提高了可访问性和用户体验。

符合 WCAG 标准可提高网站的整体可访问性，使网站更适合所有用户使用，而不仅仅是残疾人；以及它还能让更多用户舒适地使用系统，从而改善用户体验（UX）。

例如，提供替代文字、针对色盲进行设计以及支持键盘操作、改进无障碍环境，改善所有用户（无论残疾与否）的网络体验这样，用户在浏览网站时就不会迷失方向、这就降低了放弃率，进而增加了停留时间和转化率。

提高可访问性与改善用户体验直接相关，可为所有用户提供舒适流畅的体验、提高客户满意度的重要手段。。

好处 2：提升品牌形象。

除其他外，考虑到无障碍环境可以体现公司或组织对社会责任的承诺，并提升其品牌形象、在当今强调企业包容性和多样性举措的时代，这是提高公众信任度的一个重要因素。

这可以提高公司的声誉，赢得客户的信任。这将使人们更容易选择您的服务，并有助于扩大您的客户群。。

效益 3）降低法律风险。

例如，许多国家和地区正在收紧网络无障碍法律法规、美国的《美国残疾人法案》（ADA）和欧盟的《欧盟网络无障碍指令》。有在日本，《消除对残疾人歧视法》规定了提供合理便利的义务。

符合 WCAG 标准有助于满足这些法律要求，避免诉讼风险和法律纠纷。

优势 4：可适应新的支持工具和设备。

WCAG 基于通用设计原则和传统网络技术。因此，它不仅能与当前的无障碍工具和设备兼容，还能与未来发展的工具和设备兼容。

例如，屏幕阅读器等辅助工具、根据 HTML 标记和 ARIA 属性分析内容因此，如果按照 WCAG，用适当的标签和 ARIA 属性*对文本进行正确标注，即使屏幕阅读器技术不断发展，网站也能为用户提供正确的解释并正常运行。

可穿戴设备和物联网设备也可通过网络浏览器和某些应用程序访问网站，在这种情况下，浏览器或应用程序首先会对内容进行分析，然后以适合设备的格式显示结果、如果 HTML 结构符合 WCAG 标准，那么无论在什么设备上显示，内容都能正确显示。

因此，只要符合 WCAG 标准，网站就不会被迫对出现的每项新技术做出快速反应、长期稳定性和灵活性。

*ARIA 属性...... 屏幕阅读器和其他辅助工具用来正确理解网页元素的 HTML 属性。

优势 5：对搜索引擎优化有积极影响。

使网站符合 WCAG 标准、更好地为搜索引擎编制索引（数据库注册）。例如，为图像设置替代文本并正确构建 HTML，有助于搜索引擎准确理解内容，从而提高网络的可访问性、它还有助于提高在自然搜索结果中的排名，从而增加流量。

因此，遵守 WCAG 可以带来很多好处，而不遵守 WCAG 则会带来以下后果不支持无障碍环境的风险。下文将介绍如何

在日本，不遵守 WCAG 可能会导致行政指导或罚款。

日本修订了《消除对残疾人歧视法》，自 2024 年 4 月起生效。目前，在私营部门提供合理便利已成为法律义务。这样就可以所有网站都必须符合 WCAG 标准，并具备网络无障碍功能。

目前、对于不符合网络无障碍要求的行为，没有规定直接的处罚措施。但是，如果不采取行动，任由网站处于无人管理的状态，则可能会受到行政指导；此外、如果不遵守指导意见且没有改进，或者进行虚假报告，最高可处以 20 万欧元的罚款。详情请查看以下内阁府的常见问题解答。

参考：针对因残疾而推动消除歧视的法律常见问题及回答＜面向公众＞（内阁府）

即使没有法律惩罚、在这个多元化的时代，社会对缺乏合理便利的公司和服务的审查越来越严格这种社会趋势在其他国家尤为明显，因为在这些国家，诉讼问题正在大量增加。

美国诉讼实例

在上一节中，我们提到了美国的《反歧视法》，这是一部保护美国残疾人权利的人权法，其中包含了近年来美国无障碍环境方面的内容、公司因网站不符合无障碍要求而被起诉的案例。在增加。

例如，连锁超市 Winn-Dixie 因视障用户无法使用屏幕阅读器在其电子商务网站上订购产品而被起诉。

法院认为，Winn-Dixie 公司的网站是一个 "公共场所"，因此需要提供符合《美国残疾人法案》的无障碍设施，并命令 Winn-Dixie 公司修改其网站，确保使用屏幕阅读器的视障人士能够正常访问该网站。

另一个例子是，当红艺人碧昂丝的官方网站（beyonce.com）因不支持视障人士屏幕阅读器和 "限制视障人士访问 "而被起诉；因此，该网站在诉讼后进行了重新设计，以提高可访问性并符合 WCAG 标准。

如上所述，其他国家的立法非常先进，不遵守 WCAG 会带来真正的诉讼风险。(3) 即使在日本，提供合理便利已成为法律规定的义务，但今后仍有可能发生此类情况。公司在处理这些问题时需要考虑到这些风险。

接下来，我们将介绍符合 WCAG 标准的公司和组织。

关于采用《世界网页内容指引》的公司和组织的三个案例研究

最近，越来越多的公司和组织采用了 WCAG，以覆盖更广泛的用户并改善用户体验。

事例①Apple

苹果公司是早期的无障碍先锋，提供符合 WCAG 标准的网页内容。该公司的网站和产品具有无障碍功能，可满足视障者、听障者和行动不便者的需求。例如，它提供屏幕阅读器支持和对比度调整等视觉支持功能。

参考：辅助功能 - Apple

事例②Microsoft

微软是另一家符合 WCAG 标准的网络无障碍公司。通过 "包容性设计 "方法，该公司努力确保其产品和服务对包括残疾人在内的所有用户都是无障碍的。特别是，该公司的官方网站和云服务（如 Azure）支持键盘操作，并为视障人士提供语音引导功能。

参考：微软包容性设计、微软 Azure

案例研究 (iii) 内阁办公室。

内阁办公室的网站是符合 JIS X 8341-3:2016（日本网络无障碍标准：见下文）"一致性 AA 级"，与 WCAG 2.0 标准相同。(旧内容和外部提供的 PDF 文件除外，因为这些文件很难修改）。

内阁办公室的网站是特别是作为一个公共机构，该公司正在不断核实和改进其对所要求的高标准的响应，并且正在公司努力在新网页或更新网页方面达到 AA 级标准。

参考：内阁办公室网络无障碍政策

接下来，将解释国际标准 WCAG 与国家标准 JIS 之间的关系。

WCAG 和 JIS 之间的关系

WCAG 于 1999 年发布，版本为 WCAG 1.0、WCAG 2.0 是当前的国际标准（ISO）被认为是。

不过，WCAG 是一项国际网络无障碍标准、在日本，JIS X 8341-3:2016 被确立为与 WCAG 2.0 相同的标准。JIS X 8341-3:2016 几乎逐字纳入了 WCAG 2.0 的内容，其基本结构（四项原则、三个符合性等级）也是基于 WCAG。

它是确保日本公共机构和公司网络无障碍的指南、它通过将国际标准纳入地方法规的形式，在促进网络无障碍传播方面发挥着重要作用。。

如前所述，尽管 WCAG 2.0 和 JIS X 8341-3:2016 是同一标准，但 WCAG 2.0 目前已成为国际标准、事实上，自 2.0 版以来，《世界行动指南》本身已随着内容的更新而更新，并已发布到《世界行动指南》2.2 版，而《世界行动指南》3.0 版还处于草案阶段。

◆ WCAG、ISO 和 JIS 之间的关系。

如上所述，目前正在准备修订 ISO 和 JIS 标准，以符合 WCAG 2.2。

WCAG 2.1 和 2.2 增强了移动设备的无障碍性

这里介绍的是 WCAG 2.0 的高版本 WCAG 2.1 和最新版本 WCAG 2.2。

首先，WCAG 2.1 是、由于智能手机和平板电脑的广泛使用、对移动设备可访问性的需求增加。特别是，针对触摸操作和小屏幕无障碍标准得到加强。。

除了 WCAG 2.0 中的 61 项成就标准外，WCAG 2.1 还增加了 17 项成就标准，主要是针对移动响应性、视觉障碍和认知障碍的标准（另见 WCAG 2.2、WCAG 2.3、WCAG 2.4 和 WCAG 2.5）、在 2.1 中，78 项绩效标准）

最新的《无障碍网页内容指引》2.2 在 2.1 的基础上进行了扩展，增加了九项成就标准，重点关注移动设备的使用，主要目的是提高无障碍程度，尤其是对有认知障碍的用户和老年人而言（在《无障碍网页内容指引》2.1 的 78 项成就标准之外；另见《无障碍网页内容指引》2.3）、在 2.2 中，87 项绩效标准）

具体来说，增加了以下标准

具有代表性的附加标准。

对手势复杂性的限制。(WCAG 2.1）：允许使用简单的手势。
... 提供多种输入方法。(WCAG 2.1)：建议采用的设计，以防止因轻敲和点击造成误操作。
支持内容缩放。(WCAG 2.1）：确保屏幕放大时内容不会塌陷。

焦点的可见度。(WCAG 2.2）：清晰显示键盘焦点所在位置。
目标尺寸(WCAG 2.2）：确保点击和轻点目标的最小尺寸，以减少误操作。
不依赖内存的身份验证。(WCAG 2.2）：提供无需记忆密码的验证方法（如生物识别）。

如上所述，在从 WCAG 2.0 到 WCAG 2.2 的更新过程中，移动设备的无障碍使用一直是关注的重点关键在于