为什么你应该关注无障碍设计

美国有5700万残疾人。

根据2012年人口普查报告，美国有5670万人患有某种形式的残疾。作为开发者和设计师，我们有责任创建能够满足所有人需求的网站和应用程序。同时，我们也肩负着社会责任，要让网络对80%以上的人口无障碍，并就这些问题对公众（尤其是其他工程师和设计师）进行教育。

考虑影响在线网站、应用程序和文档可访问性的障碍。这项调查估计了存在特定障碍的人数如下：
1990 万人（8.2%）有提举或抓握困难。例如，这可能会影响他们使用鼠标或键盘。520
万人（6.3%）有认知、精神或情绪障碍。810
万人（3.3%）有视力障碍。这些人可能需要依赖屏幕放大镜或屏幕阅读器，或者可能患有某种形式的色盲。760 万人（3.1
%）有听力障碍。他们可能需要依赖音频和视频媒体的文字稿和/或字幕（来源）。

无障碍设计如何影响企业

忽视无障碍设计每年都会导致潜在利润的损失。试想一下，哪怕只是选择不同的文字颜色，都可能让一半的潜在客户望而却步。即使是老花眼（眼睛聚焦能力下降）等与年龄相关的眼部疾病，也会影响阅读小字或辨别低对比度颜色的能力。

Target、JetBlue和Scribd等知名公司都曾因网站无障碍访问问题而被罚款/起诉。

“加州盲人委员会和三位捷蓝航空的盲人乘客提起的诉讼，旨在解决捷蓝航空网站访问障碍以及机场自助值机亭对视障人士的不便问题。捷蓝航空的网站设计使得盲人乘客无法独立、私密地访问信息和使用网站功能。捷蓝航空的机场自助值机亭也无法供盲人使用，因为这些机器没有音频输出或无障碍的信息输入方式。”（来源）

NFL色彩冲击

另一个忽视无障碍设计的例子是2015年NFL的“色彩冲击”（Color Rush）活动。为了庆祝联盟首场彩色电视转播比赛50周年，比尔队身穿全红球衣，喷气机队身穿全绿球衣。讽刺的是，NFL却忽略了占男性总数8%的红绿色盲人群。

随后，NFL发表声明称，他们“今年夏天确实在球场上和电视上测试了球衣。标准的电视测试没有考虑到在家观看比赛的球迷的色盲情况，这一点显而易见。”

希望这个例子能凸显色彩选择的重要性以及包容性设计意识。

我们能做些什么

使用 Web 内容无障碍指南清单 (WCAG)
来确保无障碍合规性——WCAG 2.0 是当前包容性 Web 标准。WCAG 适用于所有 Web 内容，包括单页和动态 Web 应用程序、多媒体和移动网站。

好好利用这些工具！

有很多网站和浏览器插件可以帮助您检查辅助功能。

我最喜欢的是：

• Chrome 开发者辅助功能工具
• WAVE（Web 无障碍评估工具）
• ChromeVox屏幕阅读器
• 请参阅 Chrome 插件

10 一般设计与开发考虑因素

• 正确使用标题（h1、h2）。
• 使用 ARIA 地标（标记网页的各个部分）
• 为表单字段添加标签
• 记住要考虑颜色对比度。
• 使用纯文本，而不是图片形式的文本（这也有助于搜索引擎优化！）
• 提供视频描述并使用隐藏式字幕
• 选择所有用户都能正常使用的下拉菜单（部分用户可能无法触发或访问子菜单）。
• 测试不使用键盘的网站（很多人没有鼠标）
• 在移动设备和桌面设备上使用辅助技术的测试站点
• 为图片添加合适的替代文字（一篇关于替代文字的优秀文章）

无障碍设计是网站开发的新标准，我们绝不能落后。