网页辅助功能:停止使用浅灰色文本

By Chloe Dupont, UX Designer (France) on 2026-05-20

提醒您,如果您的用户无法真正阅读内容,那么漂亮的设计并不重要。

你好!克洛伊在这里。我看到现代 UI 设计的一个巨大趋势:白色背景上的浅灰色文本。在我们昂贵的视网膜显示屏上,它看起来时尚、简约、现代。

但在现实世界中呢?这是一场灾难。

用户环境的现实

您的用户并不总是坐在光线充足的房间里看着 4K 显示器。他们在外面刺眼的阳光下查看手机。他们使用廉价、低对比度的办公室显示器。他们可能有视力障碍。

如果您的文本不符合至少 4.5:1 的 WCAG(网页内容可访问性指南)对比度,则您会主动将用户排除在您的网站之外。

快速检查对比度

在将设计交给开发人员之前,我总是使用颜色对比度检查器。我只需插入背景十六进制代码和前景文本颜色,该工具就会立即告诉我它是否通过 AA 或 AAA 可访问性标准。

请让我们再次让网络可读!

Popular Free Tools