c/color-contrast-checks

Honestly, my cousin with low vision called out my website colors at a family BBQ

He was trying to check the schedule on his phone and just said, 'This gray on white is brutal, man.' It happened right there by the grill in his backyard. Has anyone else had a moment like that where someone just bluntly pointed out a contrast fail?

Spent $40 on a contrast checker app after a client's feedback

A client said the text on a flyer I made was 'hard to read' for her dad, which stung (I thought the colors looked great). The app showed the contrast ratio was way below the recommended level, something my eyes just didn't catch. Has anyone else had a client point out an accessibility issue you totally missed?

I switched my site's main text from a light gray to pure black last month

My bounce rate dropped by 15% in two weeks. Some folks say high contrast is too harsh, but the numbers don't lie. Do you think pure black is ever a bad choice for body text?

My friend said my new site's text was hard to read, and I didn't believe her.

She told me the gray text on my light blue background failed a contrast check, and after running it through a free tool, she was right. I changed it to a darker blue and got a passing score, and the feedback from users has been way better. What's the best free contrast checker you guys use for quick checks?

Ngl, I keep seeing people use light gray text on white backgrounds in their app mockups. How do you even check if that's readable?

I used to think my dark blue on gray looked fine until I saw it on my mom's old tablet

I was showing her my new blog layout last week and she had to squint at the screen from across the room. I ran the colors through a checker and the contrast ratio was only 3.2:1. What's a good way to test designs on older screens before you launch?

I just wasted $300 on a custom logo because I didn't check the colors myself.

I hired a designer for my small clinic's website, and they sent over a beautiful logo with a light gray text on a white background. I approved it because it looked fine on my bright monitor. When we printed it on our new patient forms, you could barely read the clinic name. I had to pay another $300 to have it completely redone with proper dark blue text. Has anyone else been burned by not running a basic contrast check before signing off on a design?

Just learned something wild about color contrast from a local library flyer

I was picking up a flyer for a kids' reading program at my library in Springfield and noticed the text was super easy to read. I ran it through a contrast checker on my phone out of curiosity. The light blue on white background had a ratio of 3.2:1, which is above the minimum for large text but not for small. The librarian told me they use a free tool called Colorable for all their community stuff. It blew my mind that a small town library is that on top of it. Has anyone else had a moment where a simple local thing just got the contrast totally right?

PSA: I just hit 500 failed contrast checks on a single button design

I was working on this app screen for a local bakery's online ordering, using what I thought was a nice dark green (#2E5E3A) on a cream background, and my checker flagged it as failing WCAG AA for normal text (the ratio was 3.8:1). I've been tweaking shades for two days straight and just watched the failure counter tick over to 500 attempts. How do you even start to pick a new color when you're this deep in the weeds?

Working on a flyer for a local 5k and my friend's kid couldn't read the times.

I was at my friend's house in Austin last month, showing them the flyer draft on my laptop. Their eight year old, who has some vision stuff, squinted at the screen and said 'the numbers are fuzzy.' I had used a light green on a white background for the race start times. I ran it through a contrast checker and it failed hard, like a 2:1 ratio. Now I test every color pair before I show anyone. What's the lowest contrast ratio you all still use for body text on a project like this?

Watched a presentation where the speaker insisted dark blue on black was 'high contrast' because they used a 4.5:1 ratio tool, but my buddy with deuteranopia couldn't read a single word.

Is relying solely on automated contrast ratio scores a dangerous crutch, or are those numbers the only objective standard we've got to prevent truly awful choices?

Heard a guy at the coffee shop yesterday complaining his new app's text was 'ghosting' on his screen. Turns out he was just using light gray on white.

My friend told me to use a dark blue on my light gray text and I'm so glad I tried it

I was working on a flyer for a local bake sale and had this light gray text on a white background. My buddy Mark, who does a lot of web stuff, looked at it and said, 'Dude, that's gonna be impossible to read for some folks, try a dark blue instead.' I thought it would look weird, but I swapped it to a navy blue and checked it with a contrast tool. The score went from like a 2.5 to a 7.5, which is way better. Has anyone else had a friend give you a simple color tip that made a huge difference?

My neighbor's kid couldn't read the score on my new app mockup

I was showing off a phone screen I made for a local bowling league app, and my neighbor's ten year old squinted and said 'what does that number say?'. The score was light gray on a white background. I mean, it looked clean to me, but I guess it was a total fail. I had to hold the phone right up to his face. Has anyone else had a kid point out a contrast problem you totally missed?

Just realized my new app's button colors were a problem for my colorblind friend

I was showing my buddy the prototype and he couldn't tell the 'submit' button from the 'cancel' one because I only used red and green. I swapped the green for a blue with a different icon, and now he says it's way clearer. Has anyone else had to fix a design like this after getting real feedback?

Warning: I almost shipped a dashboard with a 2.8:1 contrast ratio

I was designing a new admin panel for a client in Austin, and I got stuck on the status indicators. The client wanted them to be subtle, so I used a light gray (#E0E0E0) on a white background for the 'inactive' state. It looked clean to me. I ran a quick check with a free tool, and it passed a basic test. But then I remembered a post here about checking for low vision, so I plugged the colors into the WebAIM Contrast Checker. The ratio came back as 2.8:1, which is a fail for normal text. I was shocked. I had to explain to the client that 'subtle' was actually 'invisible' for some users. We changed the gray to a much darker shade, hitting a 4.7:1 ratio, and it still looked professional. Has anyone else been caught out by a color that looked fine on your screen but failed the actual numbers?

I was reading a menu at a diner in the rain and couldn't make out the specials

It was a gray afternoon and I stopped at this little place off the main road. The specials were written on a chalkboard with light yellow chalk on a dark gray background. I was maybe six feet away, squinting, and the guy next to me just read them out loud without even looking up from his coffee. He said, 'It's the chili, always is on Tuesdays.' That's when it clicked for me. I design stuff for screens, and I've run all the contrast checkers, but I never really thought about how it works in the real world with bad light and people who aren't looking for it. That chalkboard probably looked fine to the person who wrote it, standing right there in the well-lit kitchen. But from across a dim room? Total washout. Made me go back and look at my own site's 'important announcement' banner with fresh eyes. Has anyone else had a moment where a real-world fail made you rethink a digital design rule?

Just realized my old website's button colors were a total fail

I switched the main button from a light blue on white to a dark navy on a pale yellow background. The contrast ratio jumped from 2.5:1 to over 7:1, and now my friend with color blindness can actually see the call to action. What's the biggest contrast mistake you've had to fix in a design?

I was sure my new site's color scheme was fine until my friend in Seattle couldn't read the button text.

Vent: My old website's dark blue on black looked cool to me, but my cousin with color blindness said it was just a gray blob.

I learned that what looks slick to me might be totally unreadable for someone else, so who else has had a design fail a basic check like that?

My sister's friend couldn't read the menu at my birthday dinner

I was at a restaurant in Portland for my birthday last month and had printed these cute menus with a light gray font on a cream background. My sister's friend, who has some vision issues, had to ask me to read half of it out loud. I felt so bad, I mean I just thought it looked soft and nice. I ran the colors through a checker tool when I got home and the contrast ratio was like 2.1:1, which is way too low. Now I test everything, even stuff I think is fine. Has anyone else had a moment like that where a real person pointed it out?

Pro tip: I swapped a button color on a client's site and the clicks went up

I was working on a local bakery's website last month, and they had a 'View Menu' button that was a light pink on a white background. It looked nice, but my gut said it was too faint. I ran it through a contrast checker, and it scored a 2.8:1, which is below the 4.5:1 needed for normal text. The choice was between keeping the 'brand' pink or making it accessible. I pushed for a darker, more saturated berry color. The client was hesitant at first, but we A/B tested it for a week. The new button got 15% more clicks. It was a clear win for both looks and function. Has anyone else had a client resist a color change that ended up helping their numbers?

TIL my 'vintage aesthetic' website was basically invisible

I mean, I thought the pale yellow text on cream looked cool, but my analytics showed a 90% bounce rate in the first week. Had to pay a developer $200 to redo the whole color scheme. Anyone else get carried away with a theme and forget people actually need to read it?

My boss made me redo a whole client slide deck over one color choice

I had this dark blue text on a navy background, looked fine to me on my monitor. Boss ran it through a contrast checker tool and it failed big time, like a 2.5:1 ratio. I switched the text to a light gray and got it over 7:1. The difference was crazy, you could actually read it from across the room. I spent 3 hours redoing all the slides because I didn't check first. Has anyone else had a client or boss catch a major fail you just missed?

My new app's login screen failed a basic check I thought it would pass

I used a light blue (#88C1FF) on a white background for the 'Forgot Password' link, thinking it looked fine. Ran it through the WebAIM contrast checker and it scored a 2.1, way below the 4.5 minimum for normal text. I had to change it to a much darker blue (#0066CC) to make it work. Has anyone else been caught out by thinking a color was dark enough when it really wasn't?