编辑导语:如今,微信已经成为了大家日常必备的社交软件,无论是方便程度还是用户体验,给大家的体验感都不错。在吵得沸沸扬扬之后,iOS版的微信“暗黑模式”终于来了。本文作者带着我们体验微信的细节,看微信 Dark Mode 的设计到底规不规范。
前段时间在研究 Dark Mode,业余时间把微信各页面截屏测了一下文本色彩对比度。
关于这一项指标的合格与否,目前国际通用的参考标准就是前言里这套 WCAG 2.0,这是一套由威斯康辛大学麦迪生分校、W3C(万维网联盟)、谷歌等机构研究人员于2008年12月11日编撰发布的web内容无障碍设计指南。
它定义了多项关于听觉、视觉、交互行为等层面的技术标准,能够使残障人士可以顺利的访问网页并成功获取内容。这些标准被量化为AAA、AA、A三种成功等级,如设计都不符合则被认为是Fail。
我们通过各种在线对比度测试工具得出的 AAA、AA、AA18、DNP 这些结果就是整个体系的一部分,感兴趣的同学可以了解 W3C 授权的译本和原文。
上面图例中4个标签分别对应AAA(对比度不低于7:1)、AA (对比度不低于4.5:1)、AA18(对比度不低于3:1)、红点(未通过)4种状态描述。其中AA18需满足大文本字号的条件,至少为18pt或14pt加粗。
回到标题,我们来放大看看微信的细节。图挺多,下面只放部分关键页面的色彩对比度测试结果,可供大家参考微信不同层级信息的设计逻辑,以及来看看到底有哪些地方未通过WCAG 2.0规范。