你好!克洛伊在这里。我看到现代 UI 设计的一个巨大趋势:白色背景上的浅灰色文本。在我们昂贵的视网膜显示屏上,它看起来时尚、简约、现代。
但在现实世界中呢?这是一场灾难。
用户环境的现实
您的用户并不总是坐在光线充足的房间里看着 4K 显示器。他们在外面刺眼的阳光下查看手机。他们使用廉价、低对比度的办公室显示器。他们可能有视力障碍。如果您的文本不符合至少 4.5:1 的 WCAG(网页内容可访问性指南)对比度,则您会主动将用户排除在您的网站之外。
快速检查对比度
在将设计交给开发人员之前,我总是使用颜色对比度检查器。我只需插入背景十六进制代码和前景文本颜色,该工具就会立即告诉我它是否通过 AA 或 AAA 可访问性标准。请让我们再次让网络可读!