无障碍

Web 开发中的可访问性(通常缩写为 A11y,如 "a",然后是 11 个字符,然后是 "y")意味着让尽可能多的人能够使用网站,即使这些人的能力在某些方面受到限制。

¥Accessibility (often abbreviated to A11y — as in, "a", then 11 characters, and then "y") in web development means enabling as many people as possible to use websites, even when those people's abilities are limited in some way.

对于许多人来说,技术让事情变得更容易。对于禁用来说,技术使一切成为可能。可访问性意味着开发的内容尽可能易于访问,无论个人的主体和认知能力以及他们如何访问网络。

¥For many people, technology makes things easier. For people with disabilities, technology makes things possible. Accessibility means developing content to be as accessible as possible, no matter an individual's physical and cognitive abilities and how they access the web.

“网络从根本上来说是为所有人服务的,无论他们的硬件、软件、语言、位置或能力如何。当网络实现这一目标时,具有不同听觉、运动、视觉和认知能力的人们都可以访问它。”(W3C - 无障碍)

¥"The Web is fundamentally designed to work for all people, whatever their hardware, software, language, location, or ability. When the Web meets this goal, it is accessible to people with a diverse range of hearing, movement, sight, and cognitive ability." (W3C - Accessibility)

重点教程

¥Key tutorials

MDN 无障碍学习区 包含现代、最新的教程,涵盖以下辅助功能要点:

¥The MDN Accessibility Learning Area contains modern, up-to-date tutorials covering the following accessibility essentials:

什么是可达性?

本文从该模块开始,详细介绍了可访问性实际上是什么 - 这包括我们需要考虑哪些人群及其原因、不同的人使用哪些工具与网络交互,以及我们如何使可访问性成为我们网络的一部分 开发工作流程。

HTML:无障碍的良好基础

只要确保始终将正确的 HTML 元素用于正确的目的,就可以访问大量 Web 内容。本文详细介绍了如何使用 HTML 来确保最大程度的可访问性。

CSS 和 JavaScript 辅助功能最佳实践

如果使用得当,CSS 和 JavaScript 也有可能提供无障碍的 Web 体验。如果滥用,它们可能会严重损害可访问性。本文概述了一些 CSS 和 JavaScript 最佳实践,应考虑这些最佳实践,以确保即使是复杂的内容也尽可能易于访问。

WAI-ARIA 基础知识

继上一篇文章之后,有时制作涉及非语义 HTML 和动态 JavaScript 更新内容的复杂 UI 控件可能会很困难。WAI-ARIA 是一种可以通过添加浏览器和辅助技术可以识别的进一步语义来帮助解决此类问题的技术,并让用户知道发生了什么。在这里,我们将展示如何在基本层面上使用它来提高可访问性。

无障碍多媒体

另一类可能造成无障碍问题的内容是多媒体 - 视频、音频和图片内容需要提供适当的文本替代,以便辅助技术及其用户能够理解它们。本文展示了如何操作。

移动辅助功能

由于移动设备上的 Web 访问如此流行,并且 iOS 和 Android 等流行平台拥有成熟的辅助工具,因此考虑 Web 内容在这些平台上的可访问性非常重要。本文着眼于特定于移动设备的辅助功能注意事项。

其他文件

¥Other documentation

了解网页内容可访问性指南

这组文章提供了快速说明,可帮助你了解需要采取的步骤,以符合 W3C Web 内容可访问性指南 2.0(WCAG 2.0 或仅 WCAG,出于撰写本文的目的)中概述的建议。

颜色和可访问性简介

本文讨论了我们对光和颜色的感知,为在无障碍设计中使用颜色提供了基础,并演示了视觉和可读内容的最佳实践。

可通过键盘导航的 JavaScript 小部件

到目前为止,想要使基于 <div><span> 的样式的小部件易于访问的 Web 开发者缺乏适当的技术。键盘辅助功能是最低辅助功能要求的一部分,开发者应该了解这一点。

ARIA

这是一系列文章,旨在了解如何使用可访问的富 Internet 应用 (ARIA) 来使你的 HTML 文档更易于访问。

移动无障碍检查表

本文为移动应用开发者提供了一份简明的辅助功能要求清单。

认知可达性

本文介绍如何确保有认知障碍的人可以访问你正在创建的 Web 内容。

癫痫症的可及性

某些类型的视觉网络内容可能会导致患有某些脑部疾病的人癫痫发作。本文帮助你了解可能出现问题的内容类型,并找到帮助你避免这些问题的工具和策略。

也可以看看