本文共 32229 字，估量阅读 10 分钟
TCC 情报局的 第 255 篇 干货分享
2024 年的 第 35 篇
译者推举：探索数字天下的无障碍设计，这篇文章为设计师供应了宝贵的指南。它深入谈论了如何通过以无障碍为中央的研究、清晰直不雅观的导航、视频字幕、键盘无障碍等策略，让互联网对老年人和残疾人更加友好。文章还涵盖了易读排版、高比拟度设计、色盲考虑、相应式设计等关键点，确保所有用户都能轻松访问和享受数字内容。无论你是设计师还是对无障碍设计感兴趣的读者，这篇文章都是你不可错过的资源。 你是否考试测验辅导过你的奶奶如何在家庭谈天等分享她低廉甜头千层面的照片？
如果你点头了，那解释你并不孤单。
互联网是一个浩瀚的地方，虽然我们中的许多人可以轻松驾驭它，但也有无数人以为它有点像迷宫。
让我们来看看，作为设计师须要考虑哪些方面，才能让那些网络履历有限的人更随意马虎访问数字天下，并使其更具原谅性。
1.以无障碍为中央的研究除了理解用户的需求和目标，在研究过程中还要特殊把稳老年人和残疾人的无障碍哀求。
随着年事的增长，范例的认知变革会影响网络导航。这些变革可能包括把稳力低落、信息处理速率减慢或难以进行多任务处理。
以下是一些专门针对以老年人的需求和偏好为中央的用户研究方法：
用户访谈
与老年人进行一对一访谈，理解他们的技能习气、需求、障碍和偏好。在设计问题时要考虑到潜在的认知和影象障碍。
针对老年人群的调查
考虑到老年受访者在视觉或认知方面可能存在的局限性，应制作大略、清晰、直不雅观的调查问卷。
用户画像
创建代表不同种别老年人的详细用户画像。考虑不同程度的技能闇练程度、身体毛病和认知寻衅等成分。
情境不雅观察
在老年人的自然环境中，如家中、老年中央或成人教诲课程中不雅观察老年人。这样可以深入理解他们在现实天下中与技能和环境的互动。
为老年人绘制旅程图
绘制用户旅程图，详细描述老年人的体验，创造潜在障碍和与他们年事组特定的打仗点。
2.清晰直不雅观的导航保持导航大略直不雅观，利用清晰的标签，合理组织内容。
增大按钮、链接和表单字段等互动元素的尺寸，使其易于点击。
考虑在元素之间留出足够的间距，以防止意外点击。
例如，英国广播公司（BBC）网站采取大略直不雅观的导航办法，顶部菜单大略明了，方便用户访问新闻、体育、景象平分歧栏目，这种方法有利于不同能力的用户操作。
3.视频和字幕
对付视频和播客等多媒体内容，应供应笔墨稿和字幕，这可确保有听力障碍的用户能够访问这些内容。
4.键盘无障碍确保所有互动元素都能用键盘操作利用，这将有助于那些因运动障碍或个人偏好而依赖键盘操作的用户。
这个英国政府网站是键盘导航的精彩范例，该设计许可用户以标签办法有逻辑地浏览内容，并访问所有互动元素。
5.图像的替代文本
只管已经提到了图像的替代文本在相应式设计中的主要性，但必须强调的是，所有图像、信息图表和图形都该当有描述性的替代文本，以帮助依赖屏幕阅读器的用户。
6.渐进式表露以线性和直接的办法呈现信息。
从基本内容开始，在用户滚动或互动时供应访问更详细信息或高等功能的选项。这样可以避免一下子向用户供应过多的信息。
避免繁芜的交互或多级菜单，以免让网络履历有限的用户感到困惑。
Airbnb 的预订流程是渐进式表露的最佳范例。它从基本细节入手，逐步公开房源和房东的更多信息，确保用户不会被信息淹没。
Airbnb
7.易读的排版利用清晰的字体和适当的字号。
正文的基本字体大小至少为 16 像素(px)，这是公认的良好可读性标准。这种字体大小可为大多数用户供应舒适的阅读体验。避免利用小于 16 像素的字体大小，并许可用户自行调度笔墨大小。
8.背景与笔墨的比拟度确保笔墨与背景之问有足够的比拟度，以符合WCAG（《网页内容可访问性指南》）标准。这常日意味着在浅色背景上利用深色笔墨，反之亦然。
利用比拟度检讨工具或浏览器扩展程序测试颜色组合，以验证是否符合哀求。
WCAG 建议标准笔墨与背景的比拟度至少为 4.5:1，大笔墨为 3:1。
9.考虑色盲请记住，有些用户可能有色觉毛病（色盲）。请避免纯挚依赖颜色来传达信息，而应利用其他提示办法，如笔墨标签或图案。
Toptal Colorblind Web Page Filter: ：通过这款在线工具，你可以查看任何网页在各种类型的色盲患者眼中的效果。
例如，谷歌舆图上的交通信息页面（右侧）便是原发性色盲患者看到的交通信息。
Google Maps
10.相应式设计确保网站具有相应性，能适应各种屏幕尺寸和设备。确保文宇保持可读性，图片有替代笔墨，互动元素可通过键盘导航。
11.降落认知负荷保持界面简洁、重点突出。避免屏幕上涌现过多的选项或滋扰成分，让用户不知所措。
在解释和标签中利用普通易懂的措辞，避免利用专业术语或繁芜术语。
12.明确的行动号召 (CTA)利用清晰和描述性的 CTA 勾引用户完成所需的操作，明确用户点击按钮或链接后会发生什么。
触摸界面上的按钮对角线至少应为9.6 毫米(iPad 为 44×44像素）。
13.用户友好的表单如果您的网站包含表单，请将其设计成用户友好型。只管即便减少必填字段的数量，供应清晰的解释，并供应内联验证，以帮助用户顺利完成任务。
14.勾引式入门如果您的网站须要用户注册或账户设置，则应供应有辅导的入门流程，逐步解释并只管即便滅少数据输入。利用简洁明了的表单帮忙用户创建账户或个人资料。
考虑供应入门教程或工具提示，帮助履历有限的用户学习如何有效地浏览和利用网站。
15.测试、测试、再测试以下是一些检讨设计无障碍程度的方法：
无障碍性审核
根据公认的可访问性指南，如 Web Content Accessibility Guidelines (WCAG)，评估产品的可访问性。
这些审核常日会供应详细的反馈和可行的建议，以改进无障碍环境。
屏幕阅读器测试
屏幕阅读器是一种能朗读数字内容的软件运用程序。利用屏幕阅读器进行测试有助于确保盲人或视障用户可以访问内容。
盛行的屏幕阅读器包括 JAWS、NVDA 和 VoiceOver。
赞助技能测试
除屏幕阅读器外，还有其他赞助技能，如放大镜、语音识别系统和替代输入设备。利用这些技能进行测试，可以深入理解各种残疾情形。
认知演习训练
这种方法涉及从认知障碍用户的角度评估产品或做事。
重点是理解系统对付那些可能以不同办法处理信息的人的直不雅观性和易用性。
无障碍任务剖析
分解用户须要在平台上实行的任务，评估每个步骤的无障碍性。
这可以突出残疾人在完成特界说务时可能面临的详细障碍。
16.想理解更多吗？书本：
《A Web for Everyone: Designing Accessible User Experiences》：作者 Sarah Horton 和 Whitney Quesenbery，这本书全面先容了如何创建可供尽可能多的人利用的网站。
《Designing User Interfaces for an Aging Population: Towards Universal Design》：Jeff Johnson 和 Kate Finn著。本书供应了实用的建媾和实例，帮助确保您的产品可供老年人利用。
尼尔森-诺曼团队的文章：“Seniors as Web Users” —— 本文将谈论老年人网站的可用性以及他们所面临的寻衅。
平台和工具：W3C’s Web Accessibility Initiative (WAI): 这里供应了网络无障碍的指南，个中自然包括对老年用户的考虑。
AARP’s Website: 由于美国退休职员协会关注的是 50 岁及以上人群的需求和兴趣，因此其网站和设计可以让我们深入理解什么能引起老年用户的共鸣。
如果您喜好这篇文章，请关注我的个人主页，以免错过任何后续文章！
17.探索我的其他文章Color theory for designers: a beginner’s guide
Typography: 9 steps to choose the right font
How Duolingo engaged 500 million users: 9 psychological tricks
作者：Tamila Zamotailo
译者：\"大众>章欣怡
审核：李泽慧
编辑：林庭婷
本文翻译已得到作者的正式授权（授权截图如下）
