引言
在本教程中，您将了解可访问性：它是什么、为什么重要，以及具有可访问性的网站如何让所有人受益。
首先，什么是可访问性。作为数字可访问性的一个子集，网络可访问性意味着构建所有人都能使用的网站，无论其能力如何。从最普遍、最直接的意义上说，可访问性保证了普遍和平等地获取内容和服务。
技术术语
在学习或实践可访问性时，您会遇到一些技术术语。让我们来澄清它们：
A11Y是“accessibility”一词的数字缩写，其中“11”表示“a”和“y”之间的字母数。
WCAG是Web内容可访问性指南的缩写，这是通过W3C制定的国际可访问性标准。
WCAG的基本原则被称为POUR：可感知、可操作、可理解和健壮：
可感知意味着传递信息，使任何人都能理解它。例如，为视听内容（如图像或视频）提供文本替代方案。
可操作指的是使人们能够使用界面并与网站互动。例如，支持键盘功能，而不是仅支持鼠标交互。
可理解确保人们能够理解信息并使用界面。例如，表单元素需要相应的标签来传达清晰的说明。
健壮意味着随着技术的发展和演变，内容仍然可访问。例如，使用正确的标记来保证与当前和未来浏览器及辅助技术的兼容性。
误解
所有这些听起来都很合理，但企业和网站制作者却持保留态度，并引用常见的误解。现在是时候重新审视这些谬误了：
可访问性很难。是的，编码、写作和烘焙舒芙蕾也很难。然而，人类已经成功完成了这些任务数十年甚至数百年。
可访问性等于设计糟糕的网站。一个可访问的网站可以像您的技能和项目要求允许的那样美观。
可访问性合规成本高昂。有时是的。这就是为什么应该从一开始就创建包容性体验。将其视为事后才想到的事情——在发布前通过附加组件“解决”——总是不太明智且成本高昂的方法。
可访问性是可有可无的。相反，它对网站的重要性不亚于客户的品牌、团队的编码标准或您语言的语法规则。您不会故意引入错误，那么为什么要让事情变得不可访问呢？
更好的方式是将可访问性视为同理心的代号。这使得它更难被忽视，更易于采用。不仅仅是法律合规、商业责任和财务影响——它关乎基本人权。
统计数据
2006年，联合国《残疾人权利公约》将获取信息和通信技术定义为一项基本人权。
根据W3C 2018年的报告，全球有超过10亿残疾人。
WebAIM的最新报告发现，排名前100万的首页中有95.9%存在可访问性问题。检测到的错误中有96.4%属于六类：
低对比度文本、图像无替代文本、缺失表单输入标签、空链接、空按钮、无文档语言。
自1999年WCAG 1.0发布以来，这六类问题已经困扰网络25年。
为什么重要
可访问性不仅是许多国家的法律要求，而且对业务也有好处。残疾人拥有巨大的消费能力。然而，绝大多数网站忽视了他们的需求——以下演示有助于说明他们中许多人必须克服的一些困难：
在第一个示例中，我们将看到非视障用户如何查看页面（在最佳条件下）。设计包括非默认样式：小字体、无下划线的链接和不足的颜色对比度。现在，如果这对非视障人士来说都不容易导航，那么对视障人士来说会有多困难？
接下来的两个示例模拟了视力缺陷用户如何查看页面。第一个示例展示了低对比度、小字体和无下划线链接的影响。在第二个示例中，我们将看到有时屏幕可能完全模糊。
在下一个示例中，我在帖子中添加了一个手风琴菜单，然后使用鼠标与之交互。随后我在浏览器中禁用了JavaScript（在0:09处）并尝试与之交互。如视频所示，没有JavaScript就无法使用。
在最后一个示例中，我模拟了一个用户使用键盘浏览页面，使用Tab键向前移动，Shift+Tab键向后移动。链接、搜索表单和YouTube视频在获得焦点时被正确标记，但“是/否”按钮没有。当开发人员/设计师更改交互元素（本例中的按钮）的默认样式以隐藏焦点元素的视觉指示时，用户无法判断它们是否处于活动状态。
关键是，可访问的网站不是额外的福利——它们对我们许多人来说至关重要。残疾的范围与人类一样多样，涵盖从身体到认知再到心理的各个方面。从永久性失明到与年龄相关的视力障碍，从暂时性听力损失到注意力难以集中，从手腕骨折到癫痫，从阅读障碍到多动症，从色盲到多发性硬化症。
这意味着大量的人无法填写表单、浏览网站、识别文本中的链接、辨别图像、消费播客和视频或将商品添加到购物车。
结论
可访问性，即使仅在网络上，也是一个广泛、多方面的主题，无法在几分钟内涵盖。我们鼓励您了解更多——阅读、实验并倡导变革。由于网络中最受欢迎的三分之一网站使用WordPress，我们的社区在使网络更可访问方面至关重要。您不需要成为（认证的）可访问性专家。任何参与在线创作的人都可以发挥作用。在下一课中，您将了解非技术用户如何在不接触一行代码的情况下提供帮助。