#25 The Accessibility Revolution: How Technology is Empowering Everyone
23:36 Share

无障碍设计是未来。对我们来说，创建和设计人人可访问的数字产品绝对必要。

大家好，欢迎回到“用户体验的未来”播客，我们将探讨人工智能、AR、VR和元宇宙等新兴技术将如何影响用户体验设计。在本期节目中，我们将讨论如何为用户设计无障碍产品。

这个播客的提纲实际上与几周前我在汉堡的Mutabor和电商网站Otto的一个活动上做的演讲相同，我当时谈到了设计无障碍产品。我分享了五个经验教训，五个技巧，我将在这个播客中与大家分享相同的经验教训。

为什么这个话题现在比以往任何时候都重要？实际上有一项新的法律规定，网站和数字产品必须在2025年6月之前实现无障碍，大约还有两年时间。如果你看看大多数网站和数字产品，它们绝对不适合残疾人使用。

所以在截止日期之前我们有很多事情要做，让我们开始吧。我将分享五个经验教训，五个对深入了解无障碍设计主题有帮助的东西。这绝对是必要的。在我们开始之前，我想分享一个我认为非常有趣的事实或统计数据。因为据估计，超过15%的世界人口不得不与某种形式的残疾一起生活。

对我来说，这是一个非常非常高的数字。看看15%吧。这么多人，对吧？这不是一个小群体，而是15%，太多了。我设计数字产品，这是我的日常工作。众所周知，我是一个自由职业者UX设计师，我每天都在设计数字产品。

对我来说，当我想到数字产品时，它们对我来说有点像道路。你知道，就像一条路把人从一个地方运送到另一个地方。这就像人们可以用来从家到海滩、从家到办公室，或者到购物中心，任何他们想去的地方的路。而且道路种类不同，对吧？有旧的颠簸的乡村道路。有完美建造的道路，对吧？

当然还有很多植物在路边的非常舒适的道路，有点浪漫。我在网上找到一个我认为非常有趣的例子。也许你们中的一些人听说过它。这是长岛的一条路，有很多交通堵塞。原因是它经常是由车祸造成的。

因为许多桥梁或穿过街道的通道的净空高度对于商用车辆来说太低了。对于公共汽车或任何类型的运输车辆来说都是如此。

这个问题主要可以追溯到罗伯特·莫里斯。他是一位居住在长岛的建筑师，他设计了许多这些通道，这些道路上的桥梁。他或多或少是在20世纪20年代和30年代设计的。许多人认为莫里斯是一个种族主义者。

许多人说，低矮的桥梁是为了不让有色人种的城市公共汽车到达长岛公园路和海滩而设计的，所以他们需要待在里面。只有那些有汽车的人，那些高收入的人，主要是白人，才能使用这些道路到达海滩或任何他们想去的地方。

相当令人震惊。许多这样的桥梁仍然存在。所以有很多这样的桥梁，我认为这非常有趣。因为当我看到这一点时，这些障碍物并非每个人都能使用这条路。数字产品也是如此。

我们有一条街，显然每个人都可以使用，但也有一些障碍阻止某些人正确地使用它，当然，那些拥有保时捷的人可以毫无问题地穿过桥梁，但那些需要使用公共交通工具的人会遇到更多问题，数字产品也是如此。

让我们从UX无障碍设计的五大经验教训开始。我从客户和人们那里听到很多的是，无障碍设计实际上在设计过程中太昂贵了。第一个经验教训：

无障碍设计应该融入我们的设计过程。它应该融入设计过程的每个部分，而不是在最后做一件小事，对吧？因为那样会变得非常昂贵。虽然一开始你需要更高的投资，但最终你也会节省很多钱，因为如果计划正确，你不需要改变整个代码或所有内容。

因此，在UX无障碍设计方面，你考虑得越早越好。当设计仍在线框图或原型阶段时，进行更改更容易，而不是等到开发开始，然后你需要更改整个代码。因此，当你考虑以人为本的设计过程、双菱形方法以及设计过程的不同阶段时，当然，它看起来总是有点不同，这取决于项目。

但我已经可以分享三件在设计过程和无障碍设计方面有帮助的事情。首先也是最重要的事情是整合多元化的研究目标群体。这可以是残疾人，也可以是老年人，他们有不同类型的年龄相关的残疾。

然后我的第二个技巧是创建多个导航选项，对吧？例如屏幕阅读器，并考虑所有不同的接触点。第三个是用户友好的设计理念。我们将对此进行深入探讨，看看它到底是什么意思。我们稍后还将分享一些快速技巧。好的，让我们进入第二点。这实际上是我在与客户设计产品时听到最多的。

很多人说，让我们从普通用户开始，然后看看我们如何整合其余用户。我可以说的是，我的第二个经验教训是没有正常的，对吧？当我们谈论普通人时，这实际上是不对的。大多数时候，当设计数字产品时，你关注的是80%的普通人，而忽略了20%的人，他们有任何类型的残疾。但是……

当你真正使用这种方法时，它实际上并不正确，因为从普通人到有各种残疾的人之间存在某种梯度。这些人实际上并不存在。有完美的人，对吧？当你想到它时，谁有完美的视力、完美的视觉、完美的注意力，你知道，他们总是完全专注的，

但随后它逐渐消失到那些有永久性、暂时性或基于情境性残疾的人身上，对吧？事实上，许多无障碍设计的原则，例如清晰简洁的语言、一致的导航、清晰易读的排版，都使所有用户受益，无论他们的能力如何。

通过使用清晰的语言和简单的导航，用户可以快速找到他们想要的东西。清晰易读的排版可以减少眼睛疲劳，使每个人更容易阅读。此外，为无障碍设计可以为每个人创造更具包容性和更受欢迎的用户体验。通过优先考虑无障碍设计，你可以传达一个信息，即每个人的需求和能力都很重要且有价值。

这不仅是一个伦理问题，也是一个以商业为中心的问题，对吧？因为忽略这20%意味着排斥客户，排斥付费客户。尽管这20%的人很想使用你的服务，很想为你的服务付费，购买你的产品。

而忽略他们，你只是在浪费很多钱。我认为商业案例在这里非常重要。因此，要为所有用户设计无障碍功能，务必考虑广泛的用户需求和偏好。这可能还包括认知能力、语言偏好、文化背景以及身体残疾等方面。

有一件事对我来说真是大开眼界。我实际上是从凯特·霍尔姆斯的一次演讲中得到的。我将在节目说明中添加链接，以便你可以查看。

她真正分享了残疾的不同阶段。当我们想到残疾时，我们通常会想到失明的人，只有一只胳膊的人，或有任何永久性残疾的人。但事实是，也有一些人有暂时的残疾。例如，他们没有失明，但他们有眼部感染或……

他们通常有两只胳膊，但其中一只胳膊断了，他们有情境性残疾。所以他们没有失明，他们没有眼部感染，但他们正在开车或做饭，对吧？所以他们忙于其他事情，所以他们无法看东西。或者他们抱着婴儿，对吧？像在他们的胳膊上。所以他们只能用一只手，另一只手很忙。

这意味着这15%实际上要高得多，因为你，作为一个没有任何残疾问题的人，当然总是会遇到暂时性和情境性残疾的情况。这真的很有趣，因为你忽略的20%的数字实际上要高得多，对吧？

我认为记住这一点是一件好事。好的，让我们进入第三点。我经常听到，而且我完全能理解，那就是我不知道从哪里开始。所以我的第三个技巧是有指导方针和策略可以帮助你。例如，有网络内容无障碍指南。这是一套由万维网联盟制定的策略和标准。

W3C，以确保数字内容对残疾人来说是无障碍的。这些指南包含四个原则：可感知、可操作、可理解和健壮。每个原则都细分为各种指南和成功标准，这些指南和成功标准与网络内容的不同方面有关，例如图像的替代文本、键盘无障碍性、颜色对比度等等。

所以我强烈建议你查看一下。我将在节目说明中添加链接，以便你可以查看。所以这个网站实际上很大。所以有很多技巧。我想和你分享一些快速技巧。即使你这样做了，如果你遵循这些技巧，你已经大大改进了产品。所以首先是为所有平台和设备设计。

在许多情况下发生的事情是，某些数字产品或网站并非为不同的互联网浏览器或不同的手机设计的。你只为某种类型的手机设计，或者忽略了旧手机，例如。这使得它非常困难。这是你可以很容易地检查并进行调整的事情。

第二个快速技巧是添加描述性链接文本。你知道，当你有一些像“阅读更多”这样的内容时，锚文本。锚文本指的是带有超链接的可点击文本。确保锚文本有意义、描述性且与它所指内容相关非常重要。例如，不要使用锚文本，

比如点击此处或阅读更多，这些文本没有提供链接内容的上下文，最好使用描述性文本，如了解更多关于我们服务的信息或阅读我们关于数字营销的最新博客文章。使用描述性和有意义的锚文本不仅可以提高内容的可访问性和可读性，还可以使搜索引擎更容易理解并适当地对内容进行排名。这是一个非常好的专业技巧。

下一个快速技巧是无障碍字体，我认为这是每个人都知道的，也可以通过许多不同的工具进行可用性测试。总的来说，你可以说无衬线字体，

更容易阅读，尤其是在线阅读。如果你有任何衬线字体，请使用它们，或者任何装饰性字体，只在较大的标题中使用它们，这样人们更容易阅读该技巧。下一个快速技巧是颜色对比度，我认为这可能是我要说最重要的一个。

这都是关于对比度的。背景与排版之间的对比，不同颜色之间的对比，例如彩色背景上的排版之间的对比。对比度越高，越容易阅读。如果你有更大的排版，那么对比度也会自动更高，对吧？

我认为这真的很有帮助。Figma还有很多很棒的插件可以下载，你可以用它们来检查颜色对比度是否足够，是否符合AAA标准，这就是你实际称呼它的方式。然后你可以选择合适的颜色。

下一个快速技巧是针对屏幕阅读器进行优化。来自SSOB的一个让我非常惊讶的数字是，美国有730万人依靠屏幕阅读器来浏览网络。在设计任何具有在线存在的产品或服务时，忽略这个工具将是错误的。

因此，所有在线内容都应该可以通过屏幕阅读器访问和阅读。例如，一个技巧是在输入字段上方添加描述。否则，屏幕阅读器无法读取它。另一个经常发生的问题是，当你有一个弹出窗口时，屏幕阅读器会读取主页面上的内容，而不是弹出窗口上的内容。

非常困难的事情，你只需要测试和尝试，你的手机中自动集成了屏幕阅读器，所以你可以检查你的网页，看看它是如何工作的，根据我的经验，这是最容易失败的事情之一，因为你根本没有考虑它，下一个技巧是减少动画。

如果动画讲述了一个故事，如果它们真的帮助用户导航内容并找到他们需要的内容，那么它们是很棒的。但大多数时候它只是一种视觉效果。在设计中包含许多动态图像可能会非常诱人。而这个决定确实需要非常谨慎的考虑。建议在内容中包含文本和视觉元素的混合，以便所有用户都能平等地与之互动。

但此外，动态图像，特别是闪烁的图像，可能会对用户造成问题，因此应尽可能避免。好的，这就是快速技巧。进入第四点。是的，我认为这是一个有趣的一点，因为即使你做了所有快速技巧，你也会认为，哦，我已经按照规定设计好了一切，你知道，我现在完成了。

但不幸的是，没有。与几年前我们讨论的用户研究一样，当时的情况是，哦，我做过一次用户研究。检查，我做到了。我完成了。当然不是。无障碍设计不是短跑。也不是马拉松。它更像是一场有间歇的长途步行，对吧？

良好的无障碍设计确实响应于遵守法规，但伟大的无障碍设计是基于同理心的。始终将无障碍设计纳入设计过程。我认为，这也是一种心态。这不仅仅是，哦，我需要遵守这些规定。真烦人。但是，一旦你与残疾人进行了用户测试或研究，你就会开始

将其视为一项设计挑战，你真的想帮助人们，并想使事物易于访问，不仅是从商业和伦理的角度来看，也是从你自己的设计角度来看，对吧？设计师是解决问题的人，对吧？

所以我认为，将其更多地视为一种心态，使事物对每个人都具有包容性和易于访问性非常重要，这也是我们作为设计师应该讨论、学习和想要了解的事情。是的，不仅仅是将其视为一项规定或你需要做的事情，而更多的是一种心态。我认为这非常非常非常重要，这也是我在这里想要强调它的原因。我还有一些工具提示给你。一个

我非常喜欢的一件事是WAVE Chrome扩展程序。你可以免费下载它，将其安装在Chrome中，然后在网站上运行它。此扩展程序向你显示了不同类型的工具，如箭头、网站的警报。他们检查对比度，检查链接，检查图像是否有替代文本，例如，一些……

这也是一个很好的技巧。我实际上在快速技巧中忘记了它，但我认为记住这一点仍然很重要，即每个图像、每个媒体、每个视频都需要替代文本。替代文本是屏幕阅读器读取的描述。例如，如果你有一个耐克鞋的图像，那么替代文本将描述鞋子，它是什么样的。黑色耐克运动鞋，带……

红色等等。像需要读者知道的一切，以了解图像中的内容。所以一定要查看WAVE Chrome扩展程序。它绝对很棒。一个开始的好方法，看看你的网站可能存在多少错误或问题。好的，让我们进入第五点，这有点像一个小点，但我仍然想提一下。这就是考虑未来。

尤其是在目前，关于人工智能、关于人工智能伦理产品、关于未来，有很多事情正在发生。在未来方面，有两件事我觉得非常有趣。第一件事是，而且我……

我认为我们肯定还没有达到这一步，那就是人工智能系统需要对所有用户来说都是透明和易于理解的。这绝对不是目前的情况。我们不知道输入数据是什么。我们不知道事情是如何运作的。这正是事情不应该如何运作的方式。因为我们并非每个人都在大学学习过机器学习或人工智能。只有一小部分人真正了解那里发生了什么。我会说……

软件提供商或公司的责任是分享实际上在幕后发生了什么，或者分享他们所知道的培训数据是什么，是谁实际训练的，那里是否有任何多样性，这也是无障碍设计的一部分，解释正在发生的事情，以便人们理解。

而我认为第二件令人兴奋的事情是考虑新的输入字段，例如语音设计，将你的声音作为输入字段，新的导航方式，AR/VR内容等等。是的，还有手势，对吧？那么这一切将如何实现呢？所有这些都可以包含在我们的新设计产品中吗？

非常令人兴奋，我现在还没有答案，但我认为这是我们绝对需要关注和思考的事情。好的，朋友们，我希望这对你们有所帮助，我在描述框中添加了一些链接，如果你想了解更多关于这个主题的信息，我还会在我的每周免费通讯中分享关于未来新工具和产品的内容。

所以你可以订阅，我在描述框中添加了通讯的描述和链接，注册后，你每周都会在邮箱中免费收到所有最新、最酷的设计内容、见解和资源。

好的，如果你觉得这一集很有帮助，请随时与同事或朋友分享，或者在Instagram上分享，当然，你喜欢的任何方式都可以。是的，非常感谢收听。让我们使这个世界更易于访问，为每个人创造更美好的未来。非常感谢收听，我们将来再见。