产品无障碍设计
01 理念
无障碍设计是从障碍群体的实际出发,针对障碍群体需求或类似体验场景做出的产品设计,以满足特殊需求首要任务。无障碍设计和其他产品功能/特性的设计流程是一样的。
做无障碍设计往往会考虑包容性和通用性。
通用设计旨在让产品、服务和环境更容易为每个人所用。通用设计考虑了用户的能力差异,使产品、服务和环境对不同用户的使用体验具有结果上的一致性,往往代表同一个设计可以被所有人使用。
包容性设计强调以人为中心,用户的能力和需求是设计的根本决定因素。并不意味着为所有人设计同样的一件产品,而是为不同人不同场景设计参与方式,让每个人都有归属感。
02 要点
可感知的信息和用户界面
可操作的用户界面和导航
可理解的信息和用户界面
兼容性强的内容和方式
提供足够的对比度
在WCAG中给出了对比度的指导意见:
对比度(AA 级):文本的视觉呈现以及文本图像至少要有4.5:1的对比度;大号文本以及大文本图像至少有3:1的对比度;
对比度(AAA 级):文本视觉呈现以及文本图像至少有7:1的对比度;大号文本以及大文本图像至少有4.5:1的对比度。
4.5:1适用于页面中绝大部分元素,7:1适用于页面中的核心大标题和页面内的主行动按钮文字。
不要单独使用颜色来传递信息
error除了红色外,还应有符号、文字、编号等。
确保交互区域足够大且易于识别
建议控件可交互区域不小于44×44dp/pt。
可以组合相邻的相同目的的元素,使得交互区域变大。
为控件提供关联且准确的标签
对于一些图标按钮,也可以使用图标与文字结合的形式,易于用户理解。
确保表单元素包含明确关联的标签。
03 常见误区
单独开发版本
单独开发一个产品版本,但只提供非常少量的功能,后期也不持续运营迭代。
不按照规范开发
将控件的类型、状态等信息一并写入到控件标签中,导致辅助工具获取信息冗余。eg返回按钮,按钮
想象用户怎么使用,好心办坏事
eg不是用读屏软件模拟使用场景,而是自行想象播报信息会怎样,然后为每个控件写上了大量的语义化内容,让它看起来像句子。
代替用户做选择,觉得用户不需要
eg觉得视障者不需要拍照类软件、视频软件、表情包。
最后更新于