What is accessibility?

先决条件:	基本的计算机素养，基本了解HTML和CSS。
目的:	熟悉可访问性，包括它是什么，以及它如何影响你作为网络开发人员。

那么什么是可访问性？

可访问性是让尽可能多的人使用您的网站的做法 - 我们传统上认为这是关于残疾人，但实际上它还涵盖其他群体，如使用移动设备或网络连接缓慢的群体。

你也可以把无障碍视为对待每个人都一样，给他们相同的机会，无论他们的能力或情况。 以同样的方式，因为他们在轮椅上(公共建筑一般在许多地方都有轮椅坡道或电梯)将某人从实体建筑物中排除是不正确的，因此将某人从网站中排除也是不正确的，因为 他们有视觉障碍，或正在使用手机。 我们都不同，但我们都是人的，因此有相同的(人)权利。

可访问性是正确的做法，但它也是一些国家的法律的一部分，它可以开放一些重要的市场，否则将无法使用您的服务，购买您的产品等。

可访问性和它所带来的最佳实践可以使每个人受益:

• Semantic HTML (which improves accessibility) also improves SEO, making your site more findable/marketable.
• Caring about accessibility demonstrates good ethics/morals, which improves your public image.
• Other good practices that improve accessibility also make you site more usable by other groups, such as mobile phone users, those on a low network speed, etc. In fact, everyone can benefit from many such improvements.
• Did we mention it is also the law in some places?

我们在看什么样的残疾？

残疾人与残疾人一样多样化，残疾人也是如此。 这里的关键教训是，超越自己的计算机以及如何使用网络，并开始学习他人如何使用它 - 你不是你的用户。 要考虑的主要残疾类型如下，以及用于访问网络内容(称为辅助技术或 AT )的任何专家工具。

视力障碍的人

这包括盲人，低视力，色盲等。许多这些人将使用屏幕放大镜(物理放大镜或软件缩放功能 - 大多数浏览器和操作系统这些天有放大功能)，有些会使用 屏幕阅读器，它是大声读取数字文本的软件:

• Some are paid commercial products, like JAWS (Windows) and Window Eyes (Windows).
• Some are free products, like NVDA (Windows), ChromeVox (Chrome, Windows and Mac OS X), and Orca (Linux).
• Some are built into the operating system, like VoiceOver (Mac OS X and iOS), ChromeVox (on Chromebooks), and TalkBack (Android).

这是一个好主意，熟悉屏幕阅读器; 你还应该设置一个屏幕阅读器，并与它一起玩，来了解它的工作原理。 有关使用它们的详细信息，请参阅我们的跨浏览器测试屏幕阅读器指南。 下面的视频还提供了一个简单的例子。

在统计数据方面，世界卫生组织估计，"全世界估计有2.85亿人视力受损:3900万人失明，246人失明。 (请参阅视力损害和失明)。 这是一个庞大和重要的用户群，只是错过了，因为您的网站没有正确编码 - 几乎与美国人口相同的人口。

听力障碍的人

或者称为具有听觉障碍的人或聋人，这组人或者具有低听力水平或者根本没有听力。 听力障碍人士使用AT(见 ">助听器，语音，语音或语言障碍的人的辅助设备)，但没有真正特殊的AT用于计算机/网络使用。

然而，需要注意的是，提供了可以从音频内容的替代物(从简单文本抄本到可以与视频一起显示的文本轨迹(即字幕))的特定技术。 我们的无障碍多媒体文章稍后将讨论这些。

听力障碍人士也代表了重要的用户群 - 世界卫生组织 class ="external">耳聋和听力损失概况。

行动障碍人士

这些人对运动有残疾，这可能涉及纯粹的身体问题(例如肢体或麻痹的丧失)或导致四肢无力或失去控制的神经/遗传疾病。 有些人可能难以做出使用鼠标所需的确切的手部运动，而其他人可能受到更严重的影响，可能被严重麻痹到需要使用 app.aspx？cmd = getProductDetail& key = 070_921118261"class ="external">头指针与计算机进行交互。

这种残疾也可能是老年人的结果，而不是任何具体的创伤或情况，也可能是硬件限制 - 一些用户可能没有老鼠。

这种通常影响Web开发工作的方式是要求可以通过键盘访问控件 - 我们将在模块的后续文章中讨论键盘辅助功能，但是最好使用键盘试用一些网站，以了解 你得到。 您可以使用Tab键在Web表单的不同控件之间移动，例如？ 有关键盘控件的详情，请参阅我们的跨浏览器测试使用本机键盘辅助功能部分。

在统计方面，相当多的人有行动障碍。 美国疾病控制和预防中心残疾和功能(18岁及以上的非机构化成人) a>报告美国"任何身体功能障碍的成人百分比:15.1％"。

认知障碍的人

可能在最后一类中可以看到最广泛的残疾范围 - 认知障碍广泛地指精神健康问题，从学习困难，通过困难的理解和集中(如 gov / health / topics / attention-deficit-hyperactivity-disorder-adhd / index.shtml"class ="external">注意缺陷多动障碍(ADHD))给 //www.nimh.nih.gov/health/topics/autism-spectrum-disorders-asd/index.shtml"class ="external">自闭谱，到 .nimh.nih.gov / health / topics / schizophrenia / index.shtml"class ="external">精神分裂症，以及许多其他类型的障碍。 这种残疾可以影响日常生活的许多部分，由于记忆，问题解决，理解，注意等问题。

这种残疾可能影响网站使用的最常见的方式是难以理解如何完成任务，记住如何做以前完成的事情，或增加沮丧在混乱的工作流或不一致的布局/导航/其他页面功能。

与其他Web可访问性问题不同，不可能快速修复由于认知障碍引起的许多Web可访问性问题; 您最好的机会是将您的网站设计为尽可能合乎逻辑，一致和可用，例如确保:

• pages are consistent — navigation, header, footer, and main content are always in the same places.
• tools are well-designed and easy to use.
• multi-stage processes are broken down into logical steps, with regular reminders of how far through the process you are, and how long you've got left to complete the process, if appropriate.
• workflows are logical, simple, and require as few interactions as possible to complete. For example, registering and signing in to a website is often unneccessarily complex.
• pages are not overly long or dense in terms of the amount of information presented at once.
• the language used in your pages is as plain and easy to follow as possible, and not full of unneccessary jargon and slang.
• important points and content are highlighted in some way.
• user errors are clearly highlighted, with help messages to sugest solutions.

这些不是"辅助功能技术"，因为它们是良好的设计实践。 他们将使使用您网站的每个人受益，而且应该是您工作的标准组成部分。

在统计方面，数字也是重要的。 康奈尔大学的 2014年残疾状况报告(PDF，511KB)表明 在2014年，美国4.5％的21-64岁的人有某种形式的认知残疾。

在项目中实现可访问性

一个常见的可访问性的概念是，可访问性是一个昂贵的"额外的"实施项目。 OK，所以这个神话实际上可以 是真的，如果:

• You are trying to "retrofit" accessibility onto an existing website that isn't very accessible.
• You have only started to consider accessibility and uncovered related issues in the late stages of a project.

然而，如果你考虑从项目开始的可访问性，使大多数内容可访问的成本应该是相当小的。

在规划您的项目时，将无障碍测试纳入您的测试制度，就像测试任何其他重要的目标受众群体(例如目标桌面或移动浏览器)一样。 早期测试并经常进行测试，理想情况下运行自动测试以检测可编程检测缺失的功能(例如替代文字或链接文字错误) a href ="/ webstart / Cross_browser_testing / Accessibility#Element_relationships_and_context">元素关系和上下文)，并对禁用的用户组进行一些测试，以了解更复杂的网站功能对他们的工作。 例如:

• Is my date picker widget usable by disabled people?
• If content updates dynamically, do visually impaired people know about it?
• Are my UI buttons accessible using the keyboard and on touch interfaces?

您可以并且应该记录您的内容中的潜在问题区域，需要工作才能使其可访问，确保彻底测试，并考虑解决方案/替代方案。 文本内容(如下一篇文章中所述)很容易，但是你的多媒体内容和你的迷人3D图形怎么样？ 你应该看看你的项目预算，真实地想想你有什么解决方案可以使这样的内容可访问？ 您可以支付所有的多媒体内容转录，这可能是昂贵的，但可以做到。

此外，要现实。 "100％可访问性"是一个无法实现的理想 - 你总是会遇到某种边缘情况，导致某个用户发现某些内容难以使用 - 但你应该尽你所能。 如果您计划包含使用WebGL创建的一个奇特的3D饼图图形，您可能希望包括一个数据表作为数据的可访问的替代表示。 或者，您可能希望只包括表格，并删除3D饼图 - 该表可供所有人访问，更快的代码，更少的CPU密集型和更容易维护。

另一方面，如果你正在一个画廊网站上展示有趣的3D艺术，由于视觉障碍人士是一个完全可视的媒介，因此期望每一件艺术品都能被视障人士完全接触是不合理的。

为了表明您关心并考虑了辅助功能，请在您的网站上发布无障碍声明，详细说明您的政策对于无障碍的政策，以及您为使网站可访问而采取的步骤。 如果有人抱怨您的网站存在辅助功能问题，请与他们开始对话，同情，并采取合理步骤尝试解决问题。

总结:

• Consider accessibility from the start of a project, and test early and often. Just like any other bug, an accessibility problem becomes more expensive to fix the later it is discovered.
• Bear in mind that a lot of accessibility best practices benefit everyone, not just users with disabilities. For example, lean semantic markup is not only good for screen readers, it is also fast to load and performant, so better for everyone, especially those on mobile devices, and/or slow conections.
• Publish an accessibility statement on your site and engage with people having problems.

无障碍指南和法律

有许多清单和一套指南可用于基于可访问性测试，这可能看起来压倒性的乍一看。 我们的建议是让您熟悉您需要照顾的基本领域，以及了解与您最相关的指南的高级结构。

• For a start, the W3C has published a large and very detailed document that includes very precise, technology-agnostic criteria for accessibility conformance. These are called the Web Content Accessibility Guidelines (WCAG), and they are not a short read by any means. The criteria are spit up into four main categories, which specify how implementations can be made perceivable, operable, understandable, and robust. The best place to get a light introduction and start learning is WCAG at a Glance. There is no need to learn WCAG off by heart — be aware of the major areas of concern, and use a variety of techniques and tools to highlight any areas that don't conform to the WCAG criteria (see below for more).
• Your country may also have specific legislation governing the need for websites serving their population to be accessible — for example Section 508 of the Rehabilitation Act in the US, Federal Ordinance on Barrier-Free Information Technology in Germany, the Equality Act in the UK, Accessibilità in Italy, the Disability Discrimination Act in Australia, etc.

因此，虽然WCAG是一套指南，您的国家可能会有法律管理网络无障碍，或至少公共服务可用性(可能包括网站，电视，物理空间等)。这是一个好主意 找出你的法律是什么。 如果你不努力检查你的内容是否可以访问，你可能会遇到麻烦的法律，如果有能力的人抱怨。

这听起来很严重，但真正你只需要考虑无障碍作为您的Web开发实践的主要优先事项，如上所述。 如有疑问，请咨询合格的律师。 我们不会提供任何更多的建议，因为我们不是律师。

辅助功能API

Web浏览器使用特殊的辅助API (由底层操作系统提供)来公开对辅助技术(AT)有用的信息--AT通常倾向于使用语义信息，所以这些信息不会 包括样式信息或JavaScript。 此信息构造在称为辅助功能树的信息树中。

不同的操作系统具有不同的可访问性API:

• Windows: MSAA/IAccessible, UIAExpress, IAccessible2
• Mac OS X: NSAccessibility
• Linux: AT-SPI
• Android: Accessibility framework
• iOS: UIAccessibility

如果您的网络应用程序中的HTML元素提供的本机语义信息出现故障，您可以使用 外部"> WAI-ARIA规范，其将语义信息添加到可访问性树以改进可访问性。 您可以在我们的 WAI-ARIA基础文章中详细了解WAI-ARIA。

概要

这篇文章应该给你一个有用的高级概述的无障碍，向你展示为什么它重要，并看看如何适应你的工作流程。 您现在应该也有一个渴望了解实现细节，可以使网站可访问，我们将开始在下一节，看看为什么HTML是一个良好的基础的可访问性。