Apple 信息 & 色彩对比

Avatar of Geoff Graham
Geoff Graham

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

好吧,让我来解释一下!昨晚我一直在抱怨在 Apple 信息中阅读短信是多么的困难。你知道,当你给其他 iPhone 用户发短信时收到的蓝色气泡。那些是 iMessages。

我指的是当你给非 iPhone 用户发短信时收到的绿色气泡。那些是标准的短信。

iMessage(左)和短信(右)

让我们通过对比度检查器来检查一下绿色气泡。

永久链接

哇。现在我知道为什么每次收到短信时我总是要戴上老花镜了。2.17:1 的对比度低于 WCAG 2.0 AA 标准的 4.5:1,并且远远低于 AAA 标准的 7:1。

事实证明,我不是唯一一个抱怨的人。快速搜索发现了一些新闻和博客文章——有些文章甚至在最近一周——都在讨论这些绿色短信气泡的可读性。

我不是阴谋论者,并且喜欢给别人留有余地。但是……

iOS 6 中的 Apple 信息(左)和 iOS 7 中的 Apple 信息(右)
图片来源:Phoceis
  • iOS 6:深色文本在绿色渐变背景上
  • iOS 7:白色文本在 #5AB539 背景上(或接近此颜色)
  • iOS 16.1:白色文本在 #6ACC46 背景上

第二个是基于旧的屏幕截图,颜色值可能不是最准确的。但即便如此,从 iOS 6 中的深色文本到我们在 iOS 16.1 中看到的文本,都显示出明显的倒退。我想设计团队肯定检查了更新后的值是否符合 WCAG 指南,当然,至少也要符合他们自己的 人机界面指南

当前的绿色背景 (#65C466) 似乎与指南中列出的绿色“系统颜色” (#30D158,从 RGB 值 48, 209, 88 转换而来) 不同。但这并没有让我们更接近通过 WCAG AA 或 AAA 等级。

永久链接

🤷‍♂️