网络无障碍简介

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

我承认，我对无障碍设计领域还很陌生。我之前听说过它，也知道它很重要，但我实际上并不知道如何实现它。

如果你是推特用户，尤其是科技推特社区的成员，你肯定已经注意到最近推出的语音功能，以及它引发的争议。如果你还没注意到，这项新功能允许用户录制推文而不是打字。这真的很酷，对吧？它让人们能够以更多样化的方式表达自己的想法。

问题在于，这排除了一大批有听力障碍的用户。对于依赖声音的平台，通常会提供字幕选项，以便无论用户的情况如何，都能享受所提供的内容。因此，像Twitter这样的全球性公司将无障碍功能视为次要考虑因素，这无疑令人失望。

简而言之，无障碍设计是必需的。作为一名刚入行的开发者，我希望现在就学习这些实践，而不是以后再去纠正。我认为在创作过程中始终秉持同理心至关重要，因为最终它会为所有人打造出更好的产品。

你想成为哪种类型的开发者？如果你和我一样，那就加入我，一起学习网页无障碍设计以及如何实现它吧。

那么，让我们从头开始，究竟什么是网络可访问性？

简而言之，Web 可访问性是指为用户提供一个 Web 应用程序，无论该用户是否有障碍，都能让他们毫无困难地访问该应用程序的内容。

“如果一个人能访问一个网站，那它肯定是无障碍的。” 嗯，其实不然。一个现实生活中的例子是，一位轮椅使用者想去一家餐厅，因为这家餐厅评价很高，而且广告上写着“无需预订”。结果发现，即使他们能进入餐厅，也找不到适合他们的座位，因为餐厅的布局——所有的桌椅都非常拥挤。这显然是个问题。轮椅使用者需要足够的空间在餐厅里活动，才能到达座位或去洗手间。就算他们勉强挤进了一个座位，也因为不舒服而无法真正享受美食，整个用餐体验都会变得很糟糕。主厨或餐厅老板可能并非有意歧视轮椅使用者，毕竟，他们也希望每个人都能品尝到他们的美食。然而，他们还是这么做了，至于食物好不好吃已经不重要了，因为轮椅使用者的整体体验和舒适度都很差。

如果把这个例子应用到实际的网站上，“无需预订”服务就相当于说“任何人都可以使用这个网站”。桌椅是网站的框架，提供的食物是网站的内容，当然，主厨或餐厅老板就是开发者。每个部分都对用户体验有所贡献。这里蕴含着一个重要的道理，而且很简单：要考虑并满足所有可能访问你网站的用户类型。你肯定不想让用户感到沮丧。

通常，人们可能存在多种类型的障碍，并分为三个严重程度等级。就网页开发而言，障碍可以分为以下几类：

1. 感官（主要是视觉和听觉）
2. 运动/身体
3. 认知的。

它们按严重程度分类如下：

1. 情境性（基于当前环境）
2. 暂时的（很可能是由受伤引起的）
3. 永久性（从出生起或因受伤而持续存在的状态）。

应用程序的可访问性可以通过焦点、语义和视觉设计来实现。焦点通常关注用户在应用程序中的位置，以及如何帮助用户了解他们当前所处的位置和正在浏览的内容。语义则深入探讨如何以逻辑方式布局应用程序，使其对那些可能不使用“传统”导航方式的用户来说易于理解。视觉设计方面几乎完全与 CSS 相关。它是否可以在任何浏览器上显示？它是否具有响应式设计？整个应用程序是否具有合适的对比度？文本是否清晰易读？

我会在后续的文章中更深入地探讨这些主题，等我了解更多信息之后再做详细介绍。目前，需要了解的一点是，市面上有一些辅助技术可以帮助实现这些功能。辅助技术包括但不限于屏幕阅读器、盲文显示器、放大镜、语音控制和眼动追踪。

暂时就这些！以下是我目前拥有并将要使用的一些资源，用于理解和实现无障碍设计。

Udacity 网站无障碍免费课程

无障碍项目

卡内基博物馆网站无障碍指南

JFHector（及其他作者）的指南