用户体验和 Web 可访问性的重要性

已发表: 2022-03-11

Web 可访问性是让每个人都可以访问相同的信息,而不管用户可能有什么障碍。

根据世界银行的数据,10 亿人(占世界人口的 15%)患有某种形式的残疾,仅在美国就有近 5700 万人。 (根据美国人口普查局 2012 年 7 月 25 日公布的数据,占美国人口的 19%。)

有四种松散的残疾类型,可以是暂时的或永久性的:身体(如瘫痪或精细运动控制问题)、感觉(如自闭症、耳聋或失明)、智力(如唐氏综合症或发育迟缓) ) 和精神疾病(包括精神分裂症和抑郁症)。 许多老年人会随着年龄的增长而出现问题,并且也可以从无障碍设施中受益。

至关重要的是不要低估 Web 可访问性的重要性。 20 年前,互联网是科技极客的聚集地,而现在它已成为信息、娱乐和交流的主要来源。 它可用于从购物到与朋友分享时刻、阅读新闻、看电视节目、申请工作、预订假期等各种活动。 然而,对于残障人士来说,由于许多网站没有考虑他们的需求,因此存在许多障碍使这些东西无法访问。 大部分互联网尚未被视为公共空间,无法确保所有人都能访问,无论其能力如何。

网站可访问性对残疾用户很重要。

关于 Web 可访问性的神话

当它没有被完全忽略时,可访问性是网页设计中最被忽视的方面之一。 过去 20 年来,不道德的数字机构及其设计和开发团队散布了不准确的想法。 批评者没有承认技术创新、法律变化和主要的人口结构演变,因为他们认为可访问性是为所有用户创建具有良好用户体验的网站的限制性和可选部分。 大多数关于为什么实际上不需要可访问性的讨论都围绕以下一个或多个要点进行:

1.“它很丑。”

虽然完全可访问性确实要求设计人员遵循可能影响网站或应用程序的整体外观和感觉的若干严格准则,但一些改进(例如为图像提供替代文本描述)不会对用户产生明显影响界面。 借助当今的技术,完全有可能创建一个时尚、互动、引人入胜易于访问的网站; 因此,网络可访问性不应再被视为一种负担。 此外,还有很多丑陋的不可访问的网站!

2.“时间太长,成本太高,没有任何好处。”

确实,整合可访​​问性并不总是一件容易的事,并且可能会增加在网站或应用程序的概念和开发阶段所花费的时间。 但是,它将减少花在网站改进和技术维修上的时间:更简洁的代码,更少的错误。

从数字项目开始就考虑可访问性也将有助于控制后期成本,包括维护和客户支持。 从 SEO 的角度来看,可访问的网站也将有助于获得更好的排名。 谷歌等搜索引擎的运作方式很像盲人使用屏幕阅读器。 扫描您的页面时,机器人只理解文本,因此规划您的内容架构和标题并为图像提供替代文本非常重要。

3.“没人在乎。”

对于不想投入时间或金钱以使网站易于访问的公司和设计机构,这一论点往往是主要论点。 查看他们的数据时,残疾人似乎甚至不访问他们的网站。 (哦,具有讽刺意味的是!如果他们无法访问,他们怎么能做到呢?)他们还相信市场太小了,无论如何都不重要。

有严重障碍的人可能只是他们受众的一小部分,但高级用户呢? 那些被认为有“轻微”障碍的用户,例如听力障碍或色盲的用户呢? 患有使人衰弱的偏头痛并且无法忍受明亮的色彩或无限滚动以 11 像素字体书写的页面的普通用户怎么办? 许多不会被视为“传统”残疾人的用户可能会遭受无法访问的网站的困扰。

另一方面,就像在现实生活中一样,让技术变得可及,让每个人都受益。 考虑在嘈杂的酒吧或婴儿车的轮椅坡道中为电视添加字幕。

4.“这是可选的。”

嗯,实际上,它不是。 在许多国家,法律规定在提供服务或产品时歧视残疾人是违法的。 因此,理论上,如果残障用户因为网站无法访问而无法访问内容,他们可以合法地起诉数字歧视。 这些诉讼每年都在以更高的频率发生,通常需要公司花费数百万美元来解决。

订阅 Toptal 设计博客并接收我们的电子书

关注 Web 可访问性的原因

1. 法律合规

在美国,无障碍要求列在 1990 年颁布的《美国残疾人法案》中。当时,它主要涉及实体店,因此法院对是否应涵盖网站和应用程序存在分歧。 2017 年,仅美国联邦法院就提起了 800 多起诉讼,因此诉讼威胁是真实存在的。

虽然 Facebook 因其 Empathy Lab 和可访问性政策而备受赞誉,但其他公司就没有这么幸运了。 Netflix 曾多次被不同的盲人和聋人协会起诉。 最后,他们必须为所有用户提供对其内容的平等访问权限,包括为其所有程序添加字幕。

Netflix 通过在其节目中添加隐藏式字幕,改善了残疾用户的网站可访问性
受到多个聋人用户协会的起诉,Netflix 同意为其所有内容提供隐藏式字幕。

2. 提高声誉

拥抱残障人士的公司只会从中受益。 努力使网站或应用程序完全可访问会对声誉产生积极影响,并为所有用户树立社会责任和关心的形象。

在添加无障碍功能的过程中,硅谷巨头不惜为游戏带来创新,在技术和突破性的新功能上投入数百万美元。 例如,Facebook 现在正在使用人工智能,通过对象识别技术为其盲人用户提供自动替代文本。 现在,此功能使他们能够充分享受每天在 Facebook 上分享的 20 亿张图片。 这个想法主要来自与无障碍团队合作的盲人软件工程师 Matt King。 Facebook 致力于成为一家对在线和现实世界中的残障人士友好的公司。

Facebook 已通过他们的 Empathy Lab 展示了对可访问性设计的承诺
在 Facebook Empathy Lab 工作的盲人软件工程师 Matt King。

3. 获取新客户

由于障碍,超过 80% 的残障人士决定不信任服务提供商,网络可访问性差是主要原因之一。 由于大多数品牌经常忽略它们,残障用户愿意将更多的钱花在为他们提供深思熟虑的用户体验的公司上。 这个特定市场的购买力是巨大的。

可访问性改进不会让您的现有客户望而却步,但会吸引新客户并提高您的转化率。 通过承认有缺陷的用户,您可以让他们知道他们的权利很重要,并且他们的业务受到重视。

残疾类型以及如何提高不同障碍的可访问性

有许多不同的永久性和暂时性残疾,用户面临不同的挑战并寻求不同的解决方案。 为了向所有人提供相同的内容,您需要满足所有需求。

1. 感觉障碍

视力和听力问题是最常见的感觉障碍,但还有许多其他障碍也受到影响:老年人、色盲或听力障碍者以及许多自闭症用户。

对于有听力障碍的用户,使您的网站或应用程序易于访问的一个步骤是实施文本转录和视频字幕。 它们不仅是聋人的必备品,而且对听力也很有用。

Ofcom 的一项关于可访问性的研究发现,使用隐藏式字幕的人中有 80% 既不是聋人也不是听力障碍。 这是一个使所有人受益的可访问功能的典型示例。

关于视力障碍,大多数指南也对每一类用户都有帮助。 无论您是色盲还是偏头痛,您都会感谢设计师使用对比色(文本和背景)。 每个人都将受益于更大的相对字体大小(em,而不是像素)和调整大小的选项,这是高级用户特别喜欢的功能。

至于盲人用户,虽然他们可能看不到他们会听到的网站,但这要感谢屏幕阅读器,如适用于 Windows 的 JAWS 和 Window-Eyes 以及适用于 Mac 的 VoiceOver。 这样的程序会大声朗读内容……并且他们会全部阅读。

为了更轻松地浏览您的页面,请务必使用“跳到主要内容”选项,以防止整个导航菜单连续阅读多次。

使用不同的标题正确构建页面(只有一个 <h1>,然后不要跳过级别),包含每个图像的文本描述,避免使用复杂的表格,并仔细选择文本超链接。 他们应该正确地描述链接的去向:仅仅使用“点击这里”对于屏幕阅读器用户来说是无效的,因为它没有提供任何相关信息。

Mac 版 Voiceover 允许盲人用户访问网络
Mac 版 VoiceOver 提供每个屏幕元素的听觉描述。

2. 运动障碍

一些用户可能永久或暂时无法使用鼠标或触控板。 因此,他们只能使用键盘浏览网站,按“tab”或“箭头”键。

确保仅使用键盘即可完全体验网站是在 Web 可访问性中实现的最简单和最便宜的功能之一:它只需要很少的工作,只需拔下或关闭鼠标即可检查。 浏览器会通过按 TAB 键自动选择网页上的可点击项目,这极大地提高了可访问性,因此请确保开发团队不会将其关闭。

3. 认知障碍

有学习障碍、唐氏综合症、多动症、阅读障碍和其他认知障碍的用户,包括有时随着用户变老而发生的那些,将从清晰的内容和一致的 UI 中受益匪浅。 因此,尝试构建一个逻辑界面(相似动作的相似颜色、字体组合、简单动画、被要求参与时的视觉提示等)并使用标题组织您的内容以快速识别其不同部分。

设置规则和模式并遵循定义的设计原则将帮助用户更快地浏览并避免导航体验中的意外,从而使其整体上更流畅、更易于理解。 简化和标准化网站或应用程序的 UI 往往会为所有用户带来更好的用户体验。

Web 可访问性测试的提示

1. 遵循指导方针

有用于创建易于访问的网站的国际指南:Web 内容可访问性指南 (WCAG)。 通过 W3C 流程开发的 WCAG(目前为 WCAG 2.0)为 Web 内容可访问性提供了一个共享标准。

所有 WCAG 文档主要面向开发人员、设计人员和可访问性专家,解释了如何使网站更易于访问,并按照四个原则进行组织:可感知、可操作、可理解和健壮。 这组建议可让您达到一定程度的一致性(A-最低、AA-满意或 AAA-优秀)。

实施所有 WCAG 标准需要时间,但从基础开始可以对使您的网站对各种障碍的用户更加友好产生巨大影响。

2. 在线或使用辅助技术检查

有一些在线工具可用于检查网站是否符合可访问性指南,例如 W3c 的官方验证器。 请注意,在线工具可能无法找到所有可访问性问题,因为它们主要检查网站的技术方面。 使用辅助技术(例如屏幕阅读器)来测试网站是确保网站真正可访问的重要步骤。 然而,虽然这些都是可以负担得起的起点,但它们永远不会取代实际的用户反馈。 如果可访问性被真诚地视为优先事项,那么在用户测试过程中包含各种障碍的用户是很重要的。

用于检查 Web 可访问性的 W3C 验证器

3. 用户测试

在任何新网站或应用程序发布之前,将残障人士纳入 UX 测试过程是关键。 他们会就他们的用户体验是否真正令人愉快提供最相关的反馈。 与值得信赖的 UX 设计师携手合作,他们将根据不同的损伤准备测试场景。

获得可访问性合规性不再是一种选择

随着越来越多的日常生活发生在网上以及随着世界人口的增长和老龄化,可访问性是一个日益突出的主要问题。 到 2050 年,世界老龄化人口预计将翻一番。 人口结构的这种转变意味着许多与年龄相关的障碍将会增加。

这不是一项简单的任务,但继续忽视可访问性的公司需要明白他们已经在失去客户,而且他们最终会在未来几年失去更多,从而大大减少他们的收入。 在一个承认其他少数群体已经取得进展的世界里,否认无障碍权利是人权也会损害他们的公众形象和声誉。

考虑到这一点,公司越早将可访问性作为创建网站或应用程序的关键价值,他们就越早被认为是一家不会忽视残疾用户的公司。 他们将获得更多流量,进而可能获得更多转化。 认识到网络可访问性的重要性是一个双赢的局面。

• • •

进一步阅读 Toptal 设计博客:

  • 电子商务用户体验——最佳实践概述(附信息图)
  • 以人为本的设计在产品设计中的重要性
  • 最佳 UX 设计师作品集——鼓舞人心的案例研究和示例
  • 移动界面的启发式原则
  • 预期设计:如何创造神奇的用户体验