为残障人士设计的无障碍设计

已发表: 2020-12-23

技术的存在是为了让我们的生活更美好。 它有助于我们高效地完成工作,让我们更快地从 A 点到达 B 点,让我们有更多的时间去做重要的事情。 在 Boldist,我们相信所有用户都应该有机会使用这些工具。 这个概念被称为通用设计,它驱动着我们的设计选择。

无障碍设计是通用设计的一部分,它赋予残障用户与其他人一样的易用性。

当普通网站对残障人士的可用性降低三倍时,这是一个重要的区别。 尼尔森诺曼集团的一项研究发现,盲人通过屏幕阅读器完成任务的成功率仅为 12.5%,而非残疾用户则为 78.2%,盲人完成任务的时间是其两倍以上任务。

联合国《残疾人权利公约》确定了残疾人面临的两种主要障碍:环境障碍和态度障碍。 当残疾人被孤立并被告知他们的问题是他们自己来处理时,态度上的障碍传播了一种冷漠的气氛。 结果,可用性方面的不公平差距仍然存在。

这不是一个富有同情心的社会的运作方式,也不是你如何构建向所有用户开放的移情设计。 由于残疾的性质,可能很难完全缩小这一差距,但在线环境可能比现在更容易获得。 所需要的只是在考虑到可访问性的情况下致力于研究和设计——而且好处是显着的。

无障碍设计的好处

根据世界卫生组织的数据,世界上超过 15% 的人口是残疾人。 因此,创建可访问的网站和应用程序意味着访问更多的付费客户。 您永远不会忽略 15% 的目标受众,但这正是没有可访问性的设计所做的。

人们还认为,为可访问性而设计意味着更少的自由和没有吸引力的设计。 事实上,无障碍设计往往看起来和功能更好,加载网页更快,并为所有人创造更好的用户体验。 例如,为聋人用户准备的字幕也有利于那些忘记在家中戴耳机的人。 可访问性服务于通用设计。

由于用于调试和修复代码的时间和金钱减少,可访问性设计还可以降低成本和劳动力。 然后,相同的代码兼作 SEO 增强器,因为搜索引擎(如 Google)以与屏幕阅读器类似的方式理解在线内容。

通过易于访问的设计和改进的用户体验,您将享有更高的声誉和您为使数字世界变得更美好所做的贡献的知识。

而且,好像您还没有被说服,美国残疾人法案可能要求您使您的网站符合 ADA 标准。

免责声明:我们不是律师,也不是您的律师,因此我们无法保护您免受律师的侵害。 我们可以做的是帮助您让每个人都更容易访问您的网站,我们认为这很重要。

什么是 ADA 合规性?

与我们一样,司法部认为获取信息和通信技术是一项基本人权,因此他们制定了《美国残疾人法案》(ADA)。 该法案要求某些组织的网站、应用程序和软件符合无障碍设计标准,以便残障人士享有平等的访问权和易用性。

您可以在 WCAG 2.0 AA 指南中访问这些标准,其中包括四个原则:

  1. 感知:所有内容和 UI 元素都可以被感知或调整以满足用户需求而不会出现故障。
  2. 可操作:所有 UI 元素都是可操作的,并且可以轻松导航。 完成任务是有效率的。
  3. 易于理解:信息和 UI 元素易于理解。 (在线表格是一个常见的问题领域。)
  4. 稳健:用户或其辅助技术可以解释内容。

在这四项原则下有 12 条指南,每条指南都有自己的成功标准和满足该标准的咨询技巧。 重要的是要注意,用户界面 (UI) 设计是 UX 设计的一个子部分,您需要两者来创建引人注目且易于访问的产品。

虽然创建符合 ADA 准则的 UI 和 UX 有助于避免法律问题,但您应该希望支持所有用户。 这意味着要考虑那些有感觉、认知和运动障碍的人。

为盲人和视障人士设计

由于其视觉特性,穿越数字环境对于盲人和视障者来说尤其具有挑战性。 屏幕阅读器可以解释在线界面并大声朗读文本,但您需要优化文本和代码以供屏幕阅读器使用。 当您无法浏览内容并且缺少提供上下文的设计指标或图像时,浏览大量文本的页面可能会令人沮丧。

这是设计人员和开发人员聚集在一起创建出色、可读的替代文本和代码的地方。 为可访问性编写替代文本意味着知道如何清楚地、有目的地描述图像和页面元素。 在网页上标记标题标签,描述文本中的链接,并格式化元素(如屏幕阅读器的表单)。

因此,您对可访问设计的努力不会白费,请确保所有浏览器都可以读取您的代码。

对于有视力障碍但不是盲人的用户,对比颜色以提高可见度并调整字体大小。 进行这些调整不应对其他 UI 元素的外观产生负面影响。 使用高对比度也是使 UI 设计对色盲友好的众多方法之一。

这些技巧中的许多可以而且应该适用于为视障者创建可访问的营销。

为聋人和 HOH 设计

随着从 gif 到视频的多媒体元素继续占据内容,为聋人和听力障碍社区设计变得更加重要。 让聋人可以访问您的内容的最佳方法之一是为所有音频合并字幕和转录。

提供字幕还将扩大您的潜在受众,包括其他语言的演讲者和无法大声播放音频的任何人。

为认知障碍设计

在设计您的产品时,也应考虑具有认知或神经障碍的用户,包括 ADHD、阅读障碍、学习障碍和癫痫。

坚持简单的语言、一致的导航、清晰的信息架构层次结构,并允许对定时任务进行时间调整。 如果您合并了一个内部搜索引擎,请对其进行优化以排除拼写错误。 进行这些调整将使您的所有用户在浏览您的产品时受益,无论是否有认知障碍。

对于患有癫痫症的用户,您可以遵循安全内容指南以避免触发癫痫发作。 闪烁内容是一种常见的触发因素,因此最佳做法是将闪烁限制为每秒少于 3 次。 始终避免闪烁内容中的红色。

为运动障碍设计

您的用户群成员可能有运动障碍,例如行动不便或震颤,这是他们与生俱来或在事故或中风后留下的。 其中许多用户利用了辅助技术,包括替代键盘和语音命令软件。

确保您的设计和内容与键盘导航和命令技术兼容,让行动不便的用户可以访问您的设计和内容。 所有站点操作和任务都应可转换为这些设备。

其他形式的可访问性

残疾人并不是唯一遇到无障碍障碍的人。 使用产品的环境可能会以多种方式影响可用性。 情境限制包括睡眠不足、处于地下、处于明亮的环境中、带宽有限,甚至处于公共空间中。

通过考虑所有可用性障碍,网页设计师更接近通用设计,所有用户都可以在所有环境中使用产品。

研究。 设计。 审计。 重复。

可访问性应该从设计过程的开始就涉及到,但开始永远不会太晚。 可访问性测试是您可以用来提前发现可用性问题的众多 UX 研究方法之一。 您还可以为残疾用户创建受众角色,以帮助您在设计用户体验时对他们的需求保持同理心。

发布设计后,定期对您开发的产品进行可访问性审核,即使它们是公开的。 确保从代码到 alt 标签和配色方案的所有内容都符合无障碍设计标准。 A11Y 项目为评估可访问性提供了极好的资源。

在设计和审核您的数字产品时,请评估您的音频、颜色、动画、图像、结构、控件、字体和时间元素的可访问性。

优先考虑无障碍设计

我们每天都在使用技术来让我们的生活更轻松,每个人都应该平等地使用这些工具。 当您致力于开发可访问的网站和应用程序时,您将在提高 KPI 的同时促进平等。

如果您正在构建数字产品或需要重新设计,请将可访问性作为优先事项并与设计专家联系。