无障碍
无障碍(通常缩写为A11y——即“a”,然后是 11 个字符,然后是“y”)在 Web 开发中是指尽可能多地让人们使用网站,即使这些人存在某种程度的残疾。
对于许多人来说,技术使生活变得更轻松。对于残疾人来说,技术使生活成为可能。无障碍是指开发尽可能无障碍的内容,无论个人身体和认知能力如何,以及他们如何访问网络。
“网络的根本设计宗旨是让所有人都能使用,无论他们的硬件、软件、语言、位置或能力如何。当网络实现这一目标时,它就对具有各种听觉、运动、视觉和认知能力的人来说是无障碍的。”(W3C - 无障碍)
重要教程
MDN 无障碍学习区 包含现代、最新的教程,涵盖以下无障碍要点
- 什么是无障碍?
-
本文以详细介绍无障碍的真正含义作为模块的开篇——这包括我们需要考虑哪些群体以及原因、不同人使用哪些工具与 Web 交互,以及如何将无障碍纳入 Web 开发工作流程。
- HTML:无障碍的良好基础
-
许多 Web 内容可以通过始终确保正确使用正确的 HTML 元素来实现无障碍。本文详细介绍了如何使用 HTML 确保最大限度地实现无障碍。
- CSS 和 JavaScript 无障碍最佳实践
-
CSS 和 JavaScript 在正确使用时也能够创造无障碍的 Web 体验。如果使用不当,它们会严重损害无障碍性。本文概述了一些 CSS 和 JavaScript 最佳实践,应考虑这些实践以确保即使是复杂的内容也尽可能地无障碍。
- WAI-ARIA 基础
-
继上一篇文章之后,有时可能很难创建涉及非语义 HTML 和动态 JavaScript 更新内容的复杂 UI 控件。WAI-ARIA 是一种技术,可以通过添加浏览器和辅助技术可以识别并让用户知道发生了什么事情的进一步语义来帮助解决这些问题。在这里,我们将展示如何在基本级别上使用它来改善无障碍性。
- 无障碍多媒体
-
另一类可能导致无障碍问题的内容是多媒体——视频、音频和图像内容需要提供适当的文本替代方案,以便辅助技术及其用户能够理解。本文展示了如何做到这一点。
- 移动无障碍
-
由于移动设备上的 Web 访问非常流行,而且 iOS 和 Android 等流行平台拥有功能齐全的无障碍工具,因此必须考虑 Web 内容在这些平台上的无障碍性。本文讨论了移动特定无障碍注意事项。
其他文档
- 理解 Web 内容无障碍指南
-
本组文章提供简要说明,帮助你了解需要采取的步骤,以符合 W3C Web 内容无障碍指南 2.0(WCAG 2.0 或简称为 WCAG,在本文章中使用此缩写)中概述的建议。
- 介绍颜色和无障碍
-
本文讨论了我们对光和颜色的感知,为无障碍设计中颜色的使用奠定了基础,并展示了视觉和可读内容的最佳实践。
-
到目前为止,希望使基于样式的
<div>
和<span>
小部件无障碍的 Web 开发人员一直缺乏适当的技术。键盘无障碍是开发人员应了解的最低无障碍要求的一部分。 - ARIA
-
这是一组文章,教你如何使用无障碍富互联网应用 (ARIA) 使你的 HTML 文档更具无障碍性。
- 移动无障碍检查清单
-
本文提供了一份简洁的移动应用程序开发人员无障碍要求清单。
- 认知无障碍
-
本文解释了如何确保你创建的 Web 内容对有认知障碍的人来说是无障碍的。
- 针对癫痫发作的无障碍
-
某些类型的视觉 Web 内容会导致患有某些脑部疾病的人癫痫发作。本文可以帮助你了解哪些类型的内容可能会造成问题,并找到工具和策略来帮助你避免这些问题。