MDN Web Docs What is accessibility? MarkDown 排版

参照可拜访性

什么是可拜访性

可拜访性是一种让尽可能多的用户能够应用你的网站的做法。
传统上咱们认为这只与残疾人士无关，但晋升网站的可拜访性也能够让其余用户群体受害。
比方应用挪动设施的人群，那些应用低速网络连接的人群。
你也能够把可拜访性看成是等同地看待每一个人，给他们平等的机会，无论他们的能力或所处的环境如何。
就像不能让坐轮椅的人能够进入大楼是谬误的 (古代公共建筑通常有轮椅坡道或电梯)；
不能让视觉有阻碍的人士能够浏览咱们的网站同样不正确。
咱们都是不同的，但咱们都是人，因而享有等同的人权。
使网站具备可拜访性才是正确的做法。
它也是一些国家法律的一部分，它关上了一些重要的市场，否则那些市场的用户无奈应用你的服务或者购买你的产品。
建设可拜访的网站能让每个人都受害：

• 应用原语 HTML(译注：仅应用非款式标记而款式用 CSS 定义的 HTML 称为原语 HTML。那些形容内容出现成果的标记如 标记是款式标记，

这些款式标记在 HTML5 中曾经废除），不仅晋升了可拜访性，也加强了搜索引擎优化，使你的网站更容易被找到。

• 关怀可拜访性表露出良好的道德品质，它晋升了你的公众形象。
• 其余一些改善可拜访性的做法也会让你的网站更容易被其余群体应用，

比方手机用户，低速网络环境的用户等等。事实上，每个人都能够从这此改善中受害。

• 咱们是否也曾提到过到这也是某些中央的法律规定?

咱们应关注的残疾都有哪些品种?

残疾人士和正常人一样是多样化的，他们身患的残疾也多种多样。
此处课题的要害是抛开思考你本人的电脑和你本人应用网页的形式，而是要开始理解他人如何应用网页——你不是你的用户。
接下来会解说须要思考的次要残疾类型，以及他们拜访网页内容时用到的一些非凡工具(被称为辅助技术或 ATs)。

留神：世界卫生组织的“残疾和衰弱”情况说明书指出：“超过 10 亿人，约占世界总人口的 15%，
患有某种模式的残疾”，而且“有 1.1 亿至 1.9 亿之间的成年人在身材性能上存在重大艰难。”

有视觉阻碍的人

有视觉阻碍的人包含盲人、视力程度低下者、色盲。
许多视觉阻碍人士应用屏幕放大镜，要么是物理放大镜或是软件缩放性能。
现今大多数浏览器和操作系统都具备缩放性能。某些用户应用屏幕阅读器，这是一种能够大声朗诵数字文本的软件。
一些屏幕阅读器的示例如下：

• 有些是付费产品，比方 JAWS (Windows) 和 Window Eyes (Windows).
• 有些是收费产品，比方 NVDA (Windows)，ChromeVox (Chrome, Windows 和 Mac OS X)，和 Orca (Linux).
• 有些内置在操作系统中，比方 VoiceOver (Mac OS X and iOS)，Narrator (Microsoft Windows)，ChromeVox (on Chrome OS)，和 TalkBack (Android).

让本人相熟屏幕阅读器是个好主见；您还应该设置一个屏幕阅读器并充沛的应用它（盘它），以理解它是如何工作的。请参阅咱们的跨浏览器屏幕阅读器测试向导，以理解更多应用它们的细节。
上面的视频还提供了一个简略的例子阐明了体验是怎么的。
据统计，世界卫生组织预计“寰球有 2.85 亿人视力受损：3900 万人失明，2.46 亿人视力低下。”(参见视力阻碍和失明)。
这是一个宏大而重要的用户群却仅因为你的网站没有正当的设计代码而散失——简直相当于美国的人口总数。

有听觉阻碍的人

也被称为有听力阻碍的人或聋子，这群人要么听力程度较低要么或者齐全听不到。这些人应用辅助技术（请参考 听力、语音、谈话或语言障碍患者的辅助设施），然而并没有专用于计算机 / 网页的辅助技术。
然而，当初有专门的技术用于将文本转换成音频内容，范畴从转换简略的文本文字到转换与视频一起显示的字幕。稍后，有文章将探讨这些技术。
听力受损的人也代表着一个重要的用户群体——“全世界有 4.66 亿人患有听力阻碍”，世界卫生组织的耳聋和听力受损情况报告如此声称。

口头阻碍的人

这些人在口头方面存在着残疾，可能是因为纯正的身材问题（例如肢体丢失或瘫痪），或导致肢体有力或失去管制的神经系统 / 遗传疾病。有些人可能难以做出应用鼠标所需的精准手部动作，而另一些人则可能受到的影响更为严重，可能会重大瘫痪到须要应用头部指针与计算机进行交互的境地。
这种残疾也可能是因为年老体衰导致，而不是任何特定的创伤或情况造成，也可能是因为硬件限度所致——有些用户可能没有鼠标。
这些残疾通常影响 Web 开发工作的形式是要求通过键盘就能够拜访控件——咱们将在本模块的后续文章中探讨键盘可拜访性，但最好是仅通过应用键盘来尝试拜访一些网站，看看你可能做些什么。例如，您能够应用 Tab 键在 Web 表单的不同控件之间挪动吗？您能够在咱们的“跨浏览器测试应用本机键盘的可拜访性”章节中找到无关键盘管制的更多详细信息。
据统计，有相当多的人患有口头阻碍症。美国疾病管制与进攻核心的“残疾与机能（18 岁及以上的非住院成年人）”报道称美国有 15.1% 的成年人都患有身材性能疾病。

有认知障碍的人

认知障碍涵盖了一类范畴宽泛的残疾，从能力最受限的智障人士到随着年龄增长而导致思考和记忆艰难的所有人。该范畴包含了患有精神疾病的人，例如抑郁症和精神分裂症患者。还包含有学习阻碍的人，例如阅读障碍患者和有注意力缺点的多动症患者。重要的是，只管认知障碍的临床定义存在很多差别，但与之相干的人们会遇到同一类性能问题。这类问题包含很难了解页面内容，难以记住如何实现工作，以及因不统一的网页布局而产生困惑。
对意识阻碍人士来说一个好的可拜访性机制包含：

• 应用多种形式传播内容，比方从文本到语音或是视频；
• 更易了解的内容，例如应用更艰深的语言书写的文本；
• 将注意力集中在重要内容上；
• 尽量减少烦扰，例如不必要的内容或广告；
• 统一的网页布局和导航；
• 类似的元素，比方未拜访的下划线链接应用蓝色而拜访过的应用紫色；
• 将过程划分为更有逻辑的，必要的步骤并附上进度指示器；
• 在不影响安全性的状况下尽可能让网站认证更简略；并且
• 使表单容易实现，例如带有清晰的谬误音讯和简略的谬误复原。

留神

• 具备认知可拜访性的设计将导致良好的设计实际。他们将使所有人受害。
• 许多有认知障碍的人也可能患有身材残疾。网站必须遵循 W3C 的“网页内容可拜访性指南”包含认知可拜访性指南。
• W3C 的“认知和学习残疾无障碍专案组”为认知障碍人士制作了 web 可拜访性指南。
• WebAIM 有一个认知网页提供了相干的信息和资源。
• 美国疾病控制中心预计，截至 2018 年，美国四分之一的公民有残疾，其中认知障碍是年轻人最常见的疾病。
• 在美国，“智力阻碍”是“智力低下”的新术语。在英国，“智力阻碍”通常是指“学习阻碍”或“学习艰难”。

在你的我的项目中实现可拜访性

一个风行的对于可拜访性的传言认为：可拜访性是施行在我的项目上的低廉“附加性能”。这个传言的确可能成立，只有遇到以下任一状况：

• 你正在试图为一个现有存在重大可拜访性问题的网站“革新”可拜访性。
• 您只是在我的项目前期才开始思考可拜访性和此时才裸露的相干问题。

然而如果你能在我的项目的开始阶段就思考到可拜访性的话，使大多数内容无障碍化的代价就会相当渺小。
在布局我的项目时，将可拜访性测试纳入测试体系，就像对其余任何重要指标受众群体（例如台式机或挪动浏览器的指标用户）进行测试一样。尽早和常常进行测试，现实状况下运行自动化测试找出程序化形式可检测到的缺失性能（例如，短少图像代替文本或不良链接文字——请参阅元素关系与上下文），并对残疾人士的用户群进行一些测试，以查看更简单的网站性能是否对他们可用。例如：

• 我的日期选择器小部件是否可供使用屏幕阅读器的人应用？
• 如果内容动静更新，视力受损的人晓得吗？
• 我的 UI 按钮是否能够应用键盘和触碰界面进行拜访？

您能够并且应该在内容中记下潜在的问题区域，这些中央须要进行一些工作能力使其变得可拜访，确保对其进行了彻底的测试并思考解决方案 / 代替办法。文本内容（如您将在下一篇文章中看到的）绝对容易，然而多媒体内容和时尚的 3D 图形又如何呢？您应该查看我的项目估算，并思考能够应用哪些解决方案来实现这类内容的可拜访性。转录所有多媒体内容是一种抉择，当然老本可能很高。
还有，事实一点。“100% 的可拜访性”是一个无奈实现的现实——你总是会遇到某种边缘状况，导致某个用户发现某些内容难以使用——但你应该尽你所能去做。如果您打算蕴含一个应用 WebGL 出现的时尚三维饼图，您可能心愿也蕴含一个数据表，作为数据的可拜访的代替示意。或者，您可能只须要蕴含表而去除 3D 饼图——这样每个人都能够拜访该表，编写起来也更快，还能缩小运行时的 CPU 消耗，保护也更容易。
另一方面，如果您正在一个画廊网站上展现乏味的 3D 艺术，冀望每件艺术品都能被视觉阻碍人士完满的拜访是不合理的，毕竟它是一种齐全的视觉媒体。
为了表明您关怀并思考了可拜访性，请在您的网站上公布可拜访性申明，其中具体阐明您对可拜访性的政策以及为使该站点可拜访而采取的步骤。如果有人的确反映您的网站存在可拜访性问题，请与他们开展对话，放弃同情心，并采取正当的步骤尝试解决问题。

留神：咱们的“解决常见的可拜访性问题”一文涵盖了应更具体地测试的可拜访性细节。
总结：

• 从我的项目一开始就思考可拜访性，并尽早进行测试。就像任何其余 bug 一样，越晚发现可拜访性问题，修复它的代价会更高。
• 请记住，许多可拜访性的最佳实际对每个人都有益处，而不仅仅局限于残疾人士。例如，原语标记不仅对屏幕阅读器有益处，而且使加载速度和性能也更快，因而对每个人来说都更无益，尤其是那些应用挪动设施和 / 或慢速网络连接环境的人。
• 在您的站点上公布可拜访性申明，并与遇到问题的人接触。

无障碍指南和法律

有许多可用于基于可拜访性测试的查看列表和指南集，乍一看，这些准则可能会让人望而生畏。咱们的倡议是让本人相熟你须要留神的根本畛域，以及了解与你最相干的指导方针的高层构造。

• 首先，W3C 公布了一个宏大而具体的文档，其中蕴含了十分准确的、与技术无关的可拜访性一致性规范。这些被称为 Web 内容可拜访性指南(WCAG)，它们绝不是短读的。这些规范分为四大类，它们指定如何使实现具备可感知性、可操作性、可了解性和鲁棒性。最好的中央失去一个简略的介绍和开始学习是高深莫测。没有必要用心学习 WCAG——留神次要关注的畛域，并应用各种技术和工具来突出任何不合乎 WCAG 规范的区域(更多信息见下文)。
• 贵国还可能有具体立法，规定为其人口提供服务的网站必须可能拜访 - 例如，美国“痊愈法”第 508 条、德国对于无障碍信息技术的联邦法令、联合王国的“平等法”、意大利的“无障碍法”、澳大利亚的“残疾歧视法”等。

因而，尽管 WCAG 是一套指导方针，但您的国家可能会有对于网络可拜访性的法律，或者至多是对公众提供的服务的无障碍 (包含网站、电视、物理空间等)。找出你的法律是个好主见。如果您不致力查看您的内容是否可拜访，您可能会陷入法律的麻烦，如果有二重性的人埋怨它。
这听起来很庄重，但正如上文所述，您只须要将可拜访性视为 Web 开发实际的次要优先事项。如果有疑难，请征询合格的律师。咱们不会提供比这更多的倡议，因为咱们不是律师。

可拜访性 API

Web 浏览器应用非凡的可拜访性 API(由底层操作系统提供)，这些 API 公开对辅助技术 (ATS) 有用的信息 -ATS 大多偏向于应用原语信息，因而这些信息不包含款式信息或 javascript 之类的内容。此信息是在一个称为可拜访性树的信息树中结构的。
不同的操作系统有不同的可拜访性 API：

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

如果 Web 利用中的 HTML 元素提供的本机语义信息生效，则能够应用 WAI-ARIA specification 的性能来补充该信息，这些性能向辅助性能树增加语义信息以进步可拜访性。在 WAI-ARIA basics 文章中理解无关 WAI-ARIA 的更多详细信息。

摘要

本文应该给您提供一个有用的可拜访性的高级概述，向您展现为什么它是重要的，并钻研如何将它融入您的工作流程。当初，您还应该渴望理解能够使站点可拜访的实现细节，咱们将在下一节中开始，理解为什么 HTML 是可拜访性的良好基础。