你的10分钟网页无障碍计划指南(WAI)

十分之七访问您的网站的残疾访问者如果无法访问，就会离开。在英国，这导致去年企业收入损失171亿英镑(约220亿美元)。

如果你是在网上销售商品或服务，这些数据应该会让你刮目相看，尤其是考虑到这一点15％世界上很多人都面临着某种残疾。如果你的大部分残疾用户都离开了，那么你就失去了吸引他们并将他们转变为用户的机会。

无论网站的类型，忽略可访问性都会损害您网站上的人们花费的时间，您收到的电子邮件注册数量或您的联系数量。投资时间和金钱使您的网站可访问可使您的业务有多种方式使您的业务受益。

为什么要创建一个无障碍的网站

那么，提高网站的可访问性有什么好处呢?

可访问的网站显示您关心您的用户。一些公司会争辩说“我们没有任何残疾人用户”10亿人全世界都有残疾根据世界卫生组织的数据。这大约是世界人口的15%。

并非所有残疾看起来都一样。一些残疾是长期的，如愿景或认知障碍。残疾也可以是暂时的 - 如果你曾经打破了你的手臂或手腕，那么你就会很快注意到一个单手慢慢蜿蜒的单手。您的访客也可以通过情况禁用。例如，想象一下，在嘈杂的火车上听到你最喜欢的播客，而不是一个安静的图书馆。此外，随着年龄的年龄，我们往往变得更加残疾 -近一半60多人的人有某种形式的残疾。

问题是，残疾无处不在，而且以多种方式存在。所以，关注如何帮助那些有潜在残疾的求职者是很重要的。

你可以利用残疾人的巨大消费能力。在美国的残疾人控制估计 5440亿美元每年一次性收入。在英国，紫磅(至少有一名成员有残疾的家庭的消费能力)24.9亿英镑。一个无法访问的网站将错过这个相当大的市场。

无障碍网站往往对一般人群更加可用。例如，带有字幕的视频不仅有利于聋哑人/重听人，还可以帮助自闭症患者或注意力缺陷多动症患者更好地理解，帮助那些正在学习一门新语言的人，澄清含糊不清的话语，提高所有用户的参与度。

你避免了被起诉的风险。从2017年到2018年，Web Accessibility诉讼的数量来自于2017年至2018年近185％814 ~ 2314例。2019年有2235例。一名不能在达美乐网站上订购披萨的盲人起诉达美乐披萨是最受关注的案件之一。

如果你深入研究这个主题，你很快就会遇到网络可访问性计划，这是有助于您了解禁用Web用户的需求，并创建他们可以轻松使用的网站。

什么是无障碍网页计划?

Web可访问性计划（WAI）是一种使互联网更容易获得残疾人的资源。由万维网联盟（W3C）设置，WAI开发可访问性标准并提供实施指导。两个最着名的标准是Web内容可访问指南（WCAG）和WAI-ARIA（可访问的富Internet应用程序）。

WCAG是什么?

这Web内容可访问性指南（WCAG）是支撑大多数国家的无障碍立法的一系列指南。最新版本是 WCAG 2.1。

WCAG满足了不同类型残疾人的需求：视觉损伤，听力损失，电机障碍和认知残疾。认知残疾涵盖了影响思维和理解的大量条件，包括自闭症，adhd和诵读和诵读。

指导方针由4个原则组成:

可感知的
可操作的
可以理解的
强壮的

这些指导方针被细分为成功标准。一些最简单的问题是:

1.1.1非文本内容:确保网页上有意义的图像有不同的文本来传达它们的意义。
1.3.1信息和关系：使用标题来构建页面。从标题1开始作为您的页面标题，并为子标题的子标题和标题3开始标题2。
1.4.3对比度（最小）:避免搭配颜色对比度差的文字，例如:白色背景上的浅灰色文字。
1.4.5文本的图像：使用真实的文本而不是文本图像，除了装饰文本或徽标等案例。

wai - aria是什么?

围艾利亚，通常简称为ARIA，是一种使定制控件更易于访问的方法。

ARIA主要是为盲人用户和其他使用屏幕阅读器软件读取页面内容的用户提供帮助。雷竞技苹果下载官方版

例如，当单击或点击标题时显示和隐藏内容的手风琴窗口小部件将需要ARIA添加到它以指示窗口小部件处于扩展或折叠状态。

使用ARIA是一个高级主题:如果ARIA代码应用不正确，它会导致比解决的问题更多的问题。要正确使用ARIA，最好咨询易访问性专家。

如何创建一个无障碍的网站

要使你的网站无障碍，你需要更多了解残疾人士对无障碍网页的需要，学习良好的无障碍网页实践，检查常见的无障碍错误，如有改正，并向你的访客传达你是如何倡导无障碍网页的。让我们从采用支持易访问性的写作风格开始。

写的内容

使用标题在您的页面上如果你还没有。标题使网页更容易浏览。它们为屏幕阅读器用户提供结构，并帮助他们导航页面。

保持笔语简单明了。长句子和术语很难理解。如果您编写指令或错误消息，这一点尤其重要。如果你的访客不理解某些东西，他们更有可能放弃而不是坚持下去。

在图像上包含Alt-Text。其中一个最常见的可访问性错误是忽略编写图像的alt文本。确保您的Alt文本捕捉到图像的内容。alt文本应该是简洁和有目的的。

写入链接锚文本有意义。“点击此处”不适合移动设备上的某人。对于屏幕阅读器用户，可能由链接列表导航，它不会告诉他们任何关于链接目的的任何内容。使用您是超链接的所有锚文本的描述性文本。

为所有媒体创建成绩单。确保你为那些耳聋或听力有障碍的听众提供播客文稿作为一种选择。同步字幕对于这些观众跟随视频也很重要。不过，请记住，从视频字幕中获益的不只是听力障碍的人。一个惊人的 85％的Facebook视频在没有声音的情况下被视图，因此您的视频将为您提供不使用字幕的其他人的优势。此外，转录物可以通过搜索引擎爬网和索引，也可以提高页面视图和参与。

现在您已经了解了您可以采取的一些实用可访问性步骤，让我们看看您可能正在制作的一些可访问性错误。

开发辅助性声明和政策

围的规划和政策reybet雷竞技下载资源将帮助您定义您的访问方法。写入的两个重要文档是您的网站的辅助功能声明和组织的可访问性策略。

撰写网站可访问性声明

网络可访问性计划提供了方便网站可访问性声明生成器。

辅助性声明适用于您的网站访问者，并应该：

概述你对易访问性的承诺。
用简单的语言写。
了解网站旨在满足的可访问性标准和合规级别。
解释访问内容的任何限制——最好给出一个解决这些限制的日期。
为用户提供联系细节以报告任何可访问性问题，并让用户知道他们何时可以得到响应。
声明日期或最后更新。

制定组织可访问性政策

组织可访问性策略超出了网站可访问性声明，并指出您的组织的整体可访问性策略。这可能是一个用于内部使用的公共文件。

网页无障碍倡议有关于开发组织网络辅助功能。它建议引用您计划使用的易访问性标准和一致性级别。您还应该提到该政策涵盖哪些网站，实现一致性的目标日期，如何处理第三方内容，以及该政策下一次评审的截止时间。

Web Accessibility Initiative Accessibility策略模板。

图像源码

康奈尔大学拥有Web可访问性策略的一个很好的例子。除了乘坐所有网络可访问性倡议的思想之外，它还超越了。该政策清楚地说明了哪些法律，定义了任何不熟悉的条款，说谁负责实施，并在发生任何问题或疑虑时联系谁。

书面策略意味着在员工变更的情况下，良好的无障碍实践更有可能继续。

常见的无障碍错误

下面显示的主页有十个可访问性错误，标有数字。大多数问题会影响屏幕阅读器如何将内容读取到盲用户身上。

图像源码

每个问题都有一个说明解释了问题所在的，以及它如何与Web内容可访问性指南相关。作为一个例子，这里是附注五。

图像源码

一，二，四，七，八，十期符合屏幕阅读器的图像的标签。图像alt文本缺少，不合适或错误。

第三个问题是，新闻头条新闻是链接并不明显。raybetapp通常，用户希望在将鼠标悬停在链接时，看到颜色更改或下划线，但不会发生这种情况。

第五和第七期是链接目的地尚不清楚的问题。“阅读更多......”链接并没有说链接到哪里。使用屏幕阅读器或屏幕放大镜的人将必须停止并读取上下文的周围文本。“更多>>”图像链接没有替代文本，因此它还无法将链接目的地路标到屏幕阅读器用户。

第六个错误是一种结构问题，即新闻故事的句子在屏幕阅读器上一起朗读时出现的问题。raybetapp因此，这篇文章听起来毫无意义。

问题9就是使用正确的代码。包含“杀人蜂”和“洋葱”的列表并不是子弹列表，因此不会被屏幕阅读器宣布。

此时，你可能想知道如何判断一个网页是否具有可访问性，所以我们接下来要看的是可访问性测试。

网络可访问性测试

网页无障碍倡议简单的检查您可以在网页上执行简单的可访问性测试。这些包括检查页面标题，检查图像ALT文本，查看标题和测试表格。该指南介绍了测试什么，如何测试它，以及如果无法访问该操作。解决您发现的任何问题都会为您提供一些可访问的胜利。

围是有用户故事帮助网站所有者同情残疾用户并测试他们的内容。WAI的一个用户故事涉及一个名为Kaseem的虚构用户，他是一个聋哑青少年。Kaseem使用屏幕放大软件阅读网页，因为她一次只能看到屏幕的一小雷竞技苹果下载官方版部分。有时当她放大内容时，文字会重叠或被截断，她无法阅读。

你可以通过使用浏览器的缩放模式来放大页面，看看所有的内容是否具有可读性，从而为Kaseem等用户测试你的网页。在Chrome中，点击右上方的三点菜单，然后点击+图标来增加缩放级别。页面上的所有内容都会按这个百分比放大。放大的快捷键在Windows上是Ctrl +，在Mac上是Cmd +。缩小的快捷键是Ctrl -或Cmd -。