停止使用灰色文字 (2025)

停止使用灰色文字 (2025)
Stop Using Grey Text (2025)

原始链接: https://catskull.net/stop-using-grey-text.html

这个充满热情的呼吁敦促网页设计师**停止使用低对比度的灰色文本，尤其是在米白色背景上。** 作者认为这并不能显得精致，而是表明设计选择不佳——需要额外的代码来*故意*创造难以阅读的体验。核心问题是可访问性：低对比度会阻碍*所有*用户的可读性，而不仅仅是视力障碍者。作者提供了一个简单的CSS修复方案，利用`prefers-contrast`媒体查询，自动提高需要它的用户的可读性。最终，信息很简单：**优先考虑清晰的沟通，而不是积极降低用户体验的风格化选择。** 高对比度可以提高信息密度和保真度，而低对比度则类似于不必要地降低然后恢复文件——一个毫无意义且有害的过程。

一个黑客新闻的讨论围绕着一篇反对在网站上使用灰色文本以提高可读性的文章。作者反对低对比度的灰色文本，但评论者指出文章*本身*使用了浅灰色（rgb(215,215,216)）在深色背景上。讨论强调，深灰色/炭灰色可能比纯黑色更舒适，但强调无论如何都必须有足够的对比度。许多用户建议使用对比度检查工具来确保易读性，并且有人指出屏幕亮度是影响感知可读性的因素。最后的观点是，*过高*的对比度也会使眼睛疲劳，提倡一种平衡的方法。最终，对话的中心是可访问性原则的实际应用，而不是完全禁止灰色文本。

Dear web designers:

Please, for the love of Glob, stop using grey text. And especially do not use grey text on an off-white background. It doesn’t make you look more “design-ey”, it makes you look inept.

Why‽ Why use grey text on a grey background? This requires you to specifically overwrite the default text color - you literally have to ship code (in the form of CSS) to construct this monstrosity.

Do you explictly want to limit your potential audience? Do you need a more creative way to express identity? Did you just see it one time and decide “okay, ship it”?

And please, if you must use poorly contrasting colors for your blog, support the prefers-contrast CSS media query to undo your sloppy workmanship. Here, I’ll do it for you:

o,rly? </>

.grey-text {
  color: #6d6d6d;
}

@media (prefers-contrast: more) {
  .grey-text {
    color: unset;
  }
}

It’s literally that easy! Or, you could just not do it in the first place which would look like this:

much hard, very CSS </>

/* oh... uhhhhh... no code needed at all */

I don’t even technicallly have vision imparement. But the amount of times per day I ask myself if I’m literally going blind, only to find out the “designer” decided for me how I should best read their website.

Still not convinced? Here’s a little “demo” for you:

Truth is stranger than fiction, but it is because Fiction is obliged to stick to possibilities; Truth isn't.

I actually believe increasing contrast for everyone improves the information density of our content. It literally becomes higher fidelity. It’s like taking a WAV file, converting to a 1kbps MP3, and then re-converting to a WAV file. You just footgunned yourself my dude! You should not do that.

“web design is my passion”

停止使用灰色文字 (2025) Stop Using Grey Text (2025)

停止使用灰色文字 (2025)
Stop Using Grey Text (2025)