无障碍

无障碍(通常缩写为A11年-如中所述,web开发中的“a”,然后是11个字符,然后是“y”)意味着允许尽可能多的人使用网站,即使这些人的能力在某种程度上受到了限制。

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

"网络的基本设计是为所有人服务无论他们的硬件、软件、语言、位置或能力如何。当网络达到这一目标时,具有不同听觉、运动、视觉和认知能力的人都可以访问它。" (W3C-辅助功能)

关键教程

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

什么是可访问性?

本文从模块开始,很好地了解了可访问性实际上是什么-这包括我们需要考虑哪些人群以及为什么,不同的人使用什么工具与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内容辅助功能指南

这组文章提供了快速的解释,帮助您了解为符合W3C Web内容可访问性指南2.0(本文中的WCAG 2.0或仅WCAG)中概述的建议而需要采取的步骤。

颜色和可访问性简介

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

键盘可导航JavaScript小部件

直到现在,那些想让自己的风格<div><span>可访问的基于widget缺乏适当的技术。键盘可访问性是开发人员应该了解的最低可访问性要求的一部分。

ARIA公司

这是一组文章,旨在学习如何使用可访问的富Internet应用程序(ARIA)使HTML文档更易于访问。

移动无障碍检查表

本文为移动应用程序开发人员提供了一份简明的可访问性需求清单。

认知可及性

这篇文章解释了如何确保您创建的web内容对有认知障碍的人是可访问的。

癫痫发作障碍的可及性

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

另请参见