为什么需要提升小程序适老化无障碍体验？

可以带来小程序体验提升：升级小程序无障碍体验服务，促进小程序用户体验提升，进而可能提升数据流量增长。

可以体现社会责任感：响应国家适老化及无障碍改造的号召，服务不同生理需求障碍的用户人群，体现企业社会责任感。

什么是适老化无障碍体验？

概述：适老化无障碍体验是要兼顾不同程度生理缺陷者，和正常活动能力衰退者即老年人的使用需求，营造一个充满关怀，切实保障人们安全、方便、舒适的互联网环境，使用户能平等便捷地获取信息、使用小程序功能的进阶体验标准。

适老化无障碍体验设计聚焦用户类型：

视觉障碍用户（视力下降、色彩感知弱、失明等）

认知障碍用户（记忆力下降，反应慢、学习力下降、判断力下降等）

听力障碍用户（听力降低、失聪等）

肢体障碍用户（动作精准度下降，运动迟缓等）

一、视觉无障碍解决方案，确保用户清晰的浏览信息

1. 字号升级

针对有视觉障碍的用户，建议升级小程序字号在 18pt-30pt 范围内，能够清晰阅读内容。

推荐

字号在 18pt-30pt 为移动端可辩知较佳范围

不推荐

字号过小，会影响用户阅读浏览

2. 字号放大后存在四类常见问题

文字对齐错误、文字折行错误、文字未响应适配、文字显示不全四类问题，建议开发者做响应适配，为用户提供最佳浏览体验。

错误

正确

3. 字色

针对有视觉障碍的用户，建议文字颜色或文字与图片对比度至少为 3:1，提高不同类型文字之间的分类阅读辨识度。

推荐

用户界面组件、图形图像与相邻颜色的对比度至少为 3:1

不推荐

字色相邻颜色对比度低

4. 色彩

针对有视觉障碍的用户，建议减少颜色饱和度过高和紫色、蓝色的使用，确保用户较佳辨识内容。

推荐

降低色彩饱和度高、减少紫色、蓝色的使用，极特殊场景，采用叠加30%黄色方式降低明度

不推荐

色彩饱和度高、减过多紫色蓝色

二、认知无障碍解决方案，确保用户顺畅的认知内容

1.通用化设计

小程序内建议设计表现效果尽量还原现实生活较为常见的外观或颜色，和用户产生情感共鸣，便于辨识和记忆。

推荐

设计语意尽可能符合用户的生活时代特征，符合他们的知识经验，降低学习成本。

2.引导提示。

针对有认知障碍的用户，建议适当的增加用户引导教育，帮助用户快速地学习和使用小程序功能。

推荐

对于初次使用小程序或小程序添加新功能等情况下，新手引导可以帮助用户尽快熟悉使用。

3.图标设计

针对有认知障碍的用户，建议根据产品类型选择不同图标设计风格，确保表意明确，增加辅助文案标识，降低图标理解成本。

推荐

不同风格图标设计加文字注释更便于用户理解。

4. 文案表述

小程序内文案描述辅助用户理解时，建议使用更直白清晰的文案注释，不产生歧义。

推荐

直白简单易于理解的文案描述，更易于用户理解。

不推荐

文案过于书面且复杂，不易理解。

5.帮助反馈

小程序内建议提供文字说明/问答/电话/视频说明等多种帮助反馈服务，确保用户都能找到合理的途径进行用户反馈和寻求帮助。

推荐

尽可能在用户需要辅助理解的地方给予用户不同形式的帮助反馈

6.官方标识

为确保在交易订单等财产相关使用场景内增加用户安全和信赖感，建议关键位置突出官方标识。

推荐

官方标识有助于提高用户的可信赖度，辅助用户做出判断

三、听觉无障碍解决方案，确保用户准确的辨识声音

1.设备音量

针对有听觉障碍的用户，建议含有音视频类内容的音量增大 10%、音速支持 0.75 倍慢速，方便用户使用。

推荐

推荐音视频类内容默认音量增大、默认音速调慢。

四、肢体无障碍解决方案，确保用户高效的操作功能

1.触控面积

小程序内建议为用户提供足够可触控点击的区域，以防用户误操作。

推荐

行业标准点击区域44pt左右比较适合用户准确操作。

2.多输入方式

针对有肢体障碍的用户，建议提供键盘输入、语音输入、预置选择、自动获取等多种输入方式，降低输入成本。

推荐

辅助用户在不同场景下都能够准确的进行信息输入。

3.强反馈辅助用户操作

小程序内建议提供辅助用户提示的文字或指令，便于用户操作。

推荐

在较为重要且能帮助用户操作的场景下添加强反馈功能，如文字反馈、提示颜色反馈。

4.高容错设计给予用户便捷操作

建议在断网、超时、失败状态、清空、删除等出错场景，告知用户下一步操作方法。

推荐

直白简单易于理解的文案描述，更易于用户理解。

不推荐

文案过于书面且复杂，不易理解。

五、无障碍设计自检表

来源：百度智能小程序