如何在网页设计和开发中提供数字可访问性

如果有人要求您定义数字世界中的可访问性意味着什么，您能定义一下吗？ 如果您感到不确定，那么您并不孤单。

当倡导者 Tyler D'Amore 第一次告诉他的朋友和家人他从事网络无障碍工作时，他们最初以为他是在销售 WiFi。 尽管那是十多年前的事了，但即使世界继续转向线上，数字无障碍的概念仍然让人感觉新颖而复杂。

数字可访问性从构建令人难以置信的网站开始。 下载“向本地企业销售网站服务的 6 步指南”，立即开始为您的客户提供可访问性。

在最近的征服本地播客的两部分节目中，George Leith 与 AudioEye Inc. 的两位数字无障碍专家进行了交谈：战略合作伙伴副总裁 Tyler D'Amore 和拥有“无障碍传播者”称号的 Alisa Smith。

在第一部分中，乔治和泰勒讨论了数字可访问性是什么以及为什么它至关重要——不仅在道德上，而且从销售和合规的角度来看。 在第二部分中，George 和 Alisa 深入探讨了您今天可以实施的速赢方案，以使每个人都可以更轻松地访问您的企业网站。

什么是数字无障碍？

用泰勒的一个伟大的类比来说，数字可访问性就是数字世界的坡道和铁轨。

单独考虑一下“可访问性”这个词。 除了想象坡道和栏杆的图像之外，您可能还会想到预留的停车位或指定的卫生间隔间。 当谈到商店、银行和餐馆等实体场所时，大多数人都非常熟悉这些类型的住宿。 他们明白为什么他们是让每个人（包括残疾人）的生活变得包容的必要组成部分。

现在考虑一下目前有多少生活是在网上进行的。 随着电子商务的兴起，从银行业务到购物再到订餐，世界比以往任何时候都更加网络化。 与任何其他空间一样，网站等数字场所需要进行设计，以便每个人都可以使用它们。

无法上网会是什么样子？

一个坐在轮椅上的人面对一段很长的楼梯——很容易想象身体上的难以接近。 但在网上看起来会是什么样子呢？

• 视力障碍人士尝试访问未针对辅助技术进行优化的网站
• 患有阅读障碍的人难以阅读衬线字体的长文本块
• 色盲患者浏览缺乏对比色的网页
• 因意外闪烁内容而引发癫痫症的人

在这些情况下，各行各业的人们都会有负面的经历。 他们无法独立、轻松地在线购物、了解您的业务或参与您的内容。

为什么数字可访问性很重要

从道德角度来看，不言而喻，没有人愿意受到歧视。 但为什么它对于您客户的网站至关重要呢？

为了利润和竞争优势

如果在构建网站时不考虑网络可访问性，您就会限制客户的受众、他们的业务潜力和他们的财务增长。

但真正能从数字无障碍措施中受益的人难道不是只有一小部分人吗？

泰勒表示，整个潜在市场可能比您想象的更重要。 “百分之二十的人口患有某种形式的残疾，这将改变他们与数字技术互动的方式，”他说。

这甚至没有考虑情境或暂时的残疾（accessCAN）。

“也许我摔断了右臂，”泰勒解释道。 “现在我真的无法正确使用键盘......也许我抱着一个婴儿，现在我需要某种文本转语音功能。” 归根结底，拥有一个可访问的网站有可能使每个人受益。

“所有这些功能最初都是为残疾人提供的工具，但从通用设计方面 (CEUD) 来看，它们最终成为任何人都可以使用的功能，”泰勒总结道。

此外，从销售的角度来看，如果您是向中小型企业客户销售一系列解决方案的代理商所有者或数字经销商，那么提供包括数字可访问性在内的网站设计和开发作为网站设计宣传的一部分可能会更好。一个关键的差异化因素并且交易更接近。

为了遵守法律

物理可访问性和网络可访问性现在存在于同一范围内，如果不适应可能会给您的企业和客户带来巨大的法律风险。

如果您要起草建造建筑物的蓝图，法律会要求您包含无障碍设施，例如上述坡道和铁轨。 类似的法规现在也适用于数字空间。 网络内容可访问性指南 (WCAG) 提供了一个蓝图。 在这些准则中，每个国家/地区还存在不同的进一步区别。

例如，在美国，《美国残疾人法案》第三章“禁止私人公共场所歧视残疾人”(ADA)。 法官现在裁定网站就是这样的地方。

泰勒表示，每年都会针对大公司以及中小型企业的数字部门提出数以万计的第三条投诉。

尽管这场网络可访问性诉讼即将发生，泰勒估计“今天只有 5% 的网络可以访问”(AudioEye)。

如何提供数字无障碍

所以你想从明天开始。 根据无障碍传播者 Alisa Smith 的说法，如果您想获得竞争优势以赚取更多收入，那么您今天就需要开始优先考虑数字无障碍。

Alisa 拥有 20 多年的经验，经常收集残疾人的反馈和见解，以便她可以在团队创建无障碍解决方案时为他们提供战略方向。 您现在可以采取以下几个步骤：

标签按钮

未标记的按钮是 Alisa 在进行 Web 可访问性审核时遇到的最常见问题之一。

“如果您在网站上放置一个显示文本的按钮，请确保文本是纯文本而不是文本图像，”Alisa 建议。 “如果它是文本图像，”她继续说道，“您必须提供替代文本，以便任何访问您网站的人都可以使用文本转语音或屏幕阅读器来感知和理解内容。”

为图像添加描述

说到替代文本，替代文本是一种标记图像的方式，以便盲人或视力受损的人可以理解上下文。 如果您网站上的图像没有附带说明，那么您可能会冒着人们错过您网站的全部效果的风险，最坏的情况是完全困惑并且无法导航。

Alt 文本对于搜索引擎优化 (SEO) 也至关重要，因为 Google 优先考虑网络可访问性并致力于遵守《美国残疾人法案》。

在制作替代文本时，艾丽莎还有另一个建议：要有创意，使用语言来传达正确的语气、感觉或氛围。 “我们致力于提供高质量的体验，而不仅仅是确保所有信息都在页面上，”她说。 例如，“情侣在浪漫的海滩度假”所描绘的画面与“人们在海滩上散步”截然不同，即使描述在技术上是准确的。

使用标题

您多久快速浏览一页并记下标题？ 也许您在阅读本文时就已经这样做了！ 一般来说，使用标题是组织信息的好方法，但对于数字可访问性来说，它可能是必不可少的。

对于无法通过颜色或字体大小可视化网页上的信息层次结构的人来说，标题允许屏幕阅读器等辅助技术通过向下页面标题来跳转标题。

考虑颜色

在品牌塑造方面，应考虑功能性而非时尚性。

虽然同色调的网站设计可能是当下审美上令人愉悦的风格，但对于视力受损、阅读困难或色盲的人来说，它可能完全难以辨认。

• 选择对比度较高的颜色
• 确保颜色不是交互元素（例如链接）的唯一标记
• 避免使用颜色来传达重要信息（即表明某物是“好”或“坏”）

承认缺点（并计划修复它）

最后，保持透明很重要。 如果您目前还没有完全弄清楚数字可访问性，也没关系。 但是，通过承认手头的机会并制定行动计划，您就可以建立信任并致力于改进。

它可能意味着任何内容，包括在您的网站上添加可访问性声明，包括您将采取的行动的时间表，或者从网站评估开始。

也许，感谢 Tyler D'Amore 和 Alisa Smith，您已经具备了迈出第一步所需的一切，为您的客户及其顾客提供更便捷的体验。

关于泰勒·达莫尔

Tyler D'Amore 是无障碍领域的领导者，也是数字包容性的倡导者。 作为 AudioEye Inc. 的战略合作伙伴副总裁，Tyler 对 ADA 相关数字无障碍要求的法律和技术要求有着深入的了解。 他是国际无障碍专业人员协会会员委员会的成员，并曾担任委员会主席。

关于艾丽莎·史密斯

Alisa Smith是AudioEye Inc.的无障碍推广专家，是一位充满热情的无障碍倡导者，拥有 20 年的技术职业生涯，致力于数字市场、汽车和金融服务行业的设计、开发和质量保证。