Web 上的可访问性

预备知识

在开始本模块之前，您应该熟悉 HTML、CSS 和 JavaScript。

教程与挑战

什么是可访问性？

本文是本模块的开篇，将深入探讨可访问性是什么——这包括我们需要考虑哪些人群以及为什么，不同的人使用哪些工具与 Web 互动，以及我们如何将可访问性融入我们的 Web 开发工作流程。

无障碍辅助工具和辅助技术

接下来，我们将关注可访问性工具，提供有关您可以使用哪些工具来帮助解决可访问性问题的相关信息，以及残障人士在浏览网页时使用的辅助技术。您将在后续文章中一直使用这些工具。

HTML：可访问性的良好基础

通过确保正确 HTML 元素始终用于正确目的，可以使大量的 Web 内容变得可访问。本文详细介绍了如何利用 HTML 来确保最大的可访问性。

CSS 和 JavaScript 无障碍最佳实践

CSS 和 JavaScript，如果使用得当，也有可能实现可访问的 Web 体验，但如果使用不当，则会严重损害可访问性。本文概述了一些应考虑的 CSS 和 JavaScript 最佳实践，以确保即使是复杂的内容也能尽可能地可访问。

WAI-ARIA 基础

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

可访问的多媒体

可能导致可访问性问题的另一类内容是多媒体——视频、音频和图像内容需要提供适当的文本替代方案，以便辅助技术及其用户能够理解。本文将展示如何做到这一点。

移动可访问性

随着移动设备上 Web 访问的普及，以及 iOS 和 Android 等流行平台拥有成熟的可访问性工具，考虑这些平台上 Web 内容的可访问性非常重要。本文探讨了移动设备特定的可访问性注意事项。

可访问性故障排除 ^挑战

在此挑战中，我们将为您提供一个存在多个可访问性问题的简单网站，您需要诊断并修复这些问题。

检验你的技能

您会在教程文章之间找到“测试您的技能”文章，以在您继续学习之前检查您是否掌握了最重要的信息。如果您想一次性查看所有这些内容，可以在 测试您的技能：可访问性 中找到它们。

另见

立即开始构建可访问的 Web 应用程序

Marcy Sutton 提供的一系列出色的视频教程。

Deque University 资源

包括代码示例、屏幕阅读器参考和其他有用资源。

WebAIM 资源

包括指南、清单、工具等。

Web 可访问性评估工具列表

包括 Web 可访问性评估工具列表。

学习可访问的 Web 设计 ^{MDN 学习合作伙伴}

Scrimba 的《学习可访问的 Web 设计》课程通过解决交互式编码挑战和修复真实网站，教您如何编写可访问的 HTML。

• 概述：核心学习模块
• 下一页