随着互联网的持续发展，越来越多的人开始关注无障碍网站的设计和开发。W3C（World Wide Web Consortium）主导制定了一系列关于Web无障碍的规范和标准，这些标准对于网站的访问体验、可持续性开发、合规性、以及对不同人群的社会责任意义都至关重要。今年，W3C又推出了无障碍指南的修订版，下面我们来看看这个新版都有哪些内容和指导意义。
什么是无障碍指南？
W3C无障碍指南（WCAG）是一个面向Web内容和Web应用程序的指南，旨在使这些内容在任何设备上都能够被人类和计算机访问并理解。该指南出现于1999年第一个版本，截至目前已经修订了四个版本。WCAG的成功标准分为A、AA、AAA三个等级，分别分别代表不同的无障碍要求，从较低到较高逐步深入。
WCAG 2.2 修订版的主要变化
新版修订主要有以下几个重点变化：
1. 对移动设备应用的无障碍支持
随着移动设备用户数量的快速增长，对于移动设备应用的无障碍支持越发重要。WCAG 2.2增加了对移动设备应用的无障碍要求，为开发这些应用程序提供了更好的指导。
2. 对不断增长的数字内容的支持
数字内容的增长速度明显加快，人们需要机器学习或AI等处理技术来帮助快速分类和发现数字内容。此外，在视觉方面，人们在当前状态下不能轻松地找到所需要的重要信息。在WCAG 2.2中，优化了数字内容的访问体验要求，提供了更多的支持。
3. 对于网站的可持续性开发提供更合适的支持
WCAG 2.2不仅关注网站的可访问性，也注重网站的可持续性开发。特别地，该标准重新整合了“可持续性”和“可忍受性”这两个概念，并对网站如何支持可持续性开发提供指导。
如何应用 WCAG 2.2？
WCAG 2.2标准提供了一系列的指导原则，可用来确保网站是有用的、可访问性的、易于理解的、鲁棒的、可操作的，并且描绘了什么样的内容可以更容易地达到这些目标。
可访问性的指南
WCAG 2.2的可访问性原则通常被缩写为POUR原则，即Perceivable（可感知）、Operable（可操作）、Understandable（可理解）和Robust（鲁棒）。
1. 可感知
可感知指让网页在所有的感知方式中都可以被用户访问，包括听觉、视觉和运动方式，而且这些用户可以使用任何可用的辅助技术。
2. 可操作
可操作指允许所有用户可以使用各种设备或方式在网页上进行操作。
3. 可理解
可理解指让网页内容易于理解，能够帮助用户解决问题并充分展示网页的功能。
4. 鲁棒
鲁棒指允许网站的内容兼容不同的用户代理、辅助技术以及各种设备。同时，也应该兼容未来的进步和新兴的技术。
代码示例
假设我们要设计一个无障碍的在线书店，那么我们需要做的就是确保以下每个内容都符合WCAG 2.2的指引。
1. 首要内容应该易于访问
<!-- 首要内容应该放在页面的主要区域内，以方便用户无需到达页面末端才能获得关键信息 --> <div class="main"> <h1>欢迎来到在线书店</h1> <p>我们提供各种作家的精选好书，而且免费送货到府！</p> </div>
2. 对比度应该充分
我们应该确保网页上的文本与背景之间的对比度充分，从而使非常规用户能够更好地识别内容。
<!-- 对比度应充足 -->
<div style="background-color:white; color:black">
<h2>热门作品</h2>
<ul>
<li><a href="#">红楼梦</a></li>
<li><a href="#">围城</a></li>
<li><a href="#">三国演义</a></li>
</ul>
</div>3. 图片应该提供替代文本
我们应该确保任何图片或矢量图都附带一个简明扼要的替代文本，这样能够帮助非视觉用户获得关于图片内容的信息。
<img src="book_cover.jpg" alt="《红楼梦》书封">
总结
WCAG的修订版提供了更好的支持，可以帮助开发人员对网站的无障碍支持产生更深入的理解，并使Web内容访问更加容易。计划在未来的版本中还将继续加强对于移动设备、数字内容和可持续性开发的支持，以便更好地迎合不断变化的Web技术环境。在Web开发中注重无障碍性是一种体现人类文明的责任和态度，让我们共同为这个目标而努力！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6592a995eb4cecbf2d76995d