Stop Using Grey Text
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:
.grey-text {
color: #6d6d6d;
}
@media (prefers-contrast: more) {
.grey-text {
color: unset;
}
}It’s literally that easy! Or, you could just not do ti in the first place which would look like this:
/* 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.
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”