Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Contrast Rebellion

contrastrebellion.com

Post reply on HN
Print view View original

131–140 of 151 posts

Re: Contrast Rebellion

#131

Post by Slackwise »

usernew wrote: post #66
doodlesdev wrote: post #2

It would be nice since they are advocating for readable text if the font sizes were appropriate on mobile. Even funnier is that lighthouse shows a multitude of accessibility problems in the page including.... low contrast. https://pagespeed.web.dev/analysis/https-contrastrebellion-c... Apparently the reason for the awful sizing on mobile is missing the responsive viewport meta tag... IDK, I agree with the content of…

Well, the reason it shows "low contrast" on the page, is because the purpose of the page is to illustrate the low contrast problem. There are many sections that show the contrasting example of good contrast. What you're doing is running two virus scanners, and the second one finds the quarantine folder of the first one. You then claim the first antivirus is a virus. Nope. This was not a website designed for mobile -…

> This was not a website designed for mobile - that's why it doesn't look appropriate on mobile. Not every website is designed for mobile - in fact there are usually two completely different websites for mobile and desktop. This one is only for desktop. This complaint is like renting a sports car and complaining it's not doing a good job at transporting your piano.

This is a very problematic take, and is simply inaccurate when it comes to the web.

If you write zero CSS, a web page will render just fine on any display. Text will auto-wrap and be legible. The web is "responsive" by default. It's the designers who try to rigidly align things with specific widths, explicit sizes, and absolute values that make web pages harder to read and use.

Meaning, any given element shouldn't have a `width`, it should have a `max-width` instead. Text should have a relative font size to headings or other text. Alignment should take into consideration overflow, as it will by default with flexbox and grid. Everything by default will flow in some way and try to make it onto the page.

It's all the violence of designers that makes things both less device friendly and less accessible, just like these poor contrast decisions.

Re: Contrast Rebellion

#133

Post by usernew »

jrochkind1 wrote: post #100
usernew wrote: post #66

Earlier quoted context omitted.

Well, the reason it shows "low contrast" on the page, is because the purpose of the page is to illustrate the low contrast problem. There are many sections that show the contrasting example of good contrast. What you're doing is running two virus scanners, and the second one finds the quarantine folder of the first one. You then claim the first antivirus is a virus. Nope. This was not a website designed for mobile -…

You believe some of these sections are _meant_ to be bad contrast, while others are meant to demo good contrast? Which are which? I can't understand exactly which sections the lighthouse report is flagging. I also thought I wasn't sure some of those sections were sufficient contrast, but all the ones I tested actually did pass WCAG contrast test. If the web page has chosen to make some sections intentionally bad cont…

lol I don't need a piece of text to tell me which sections are good contrast and which are bad. my eyes do that all on their own.

but yours do not?

yes, i'm convinced that an article that talks about good and bad contrast, gives examples of varying contrast. because, again - eyes.

Re: Contrast Rebellion

#134

Post by lmm »

makeitdouble wrote: post #130
lmm wrote: post #127

Earlier quoted context omitted.

It's 9pt text, if that's unreadable the issue is with your user agent. I know a lot of browsers behave poorly on larger displays, but having each website guess how big a typical monitor is and use a treadmill of increasing font sizes is not an answer; you should demand better behaviour from your browser.

Wasn't this the whole purpose of introducing em to replace points ?

Why not just do the right thing with points? That way you'd also do the right thing with the billions of existing pages that will never be updated.

Re: Contrast Rebellion

#135

Post by vasco »

Paul-Craft wrote: post #102
vasco wrote: post #101

Earlier quoted context omitted.

HN's page styling is simple and stable enough that if someone comes here often and has any sort of visual or readibility complaints they can just fix their own issues by modifying the CSS in my opinion.

"The user can fix it themselves" is not an excuse for making something broken on purpose.

I didn't say so - I said it's easy for the user to fix in case people haven't. Practicality > theory. Obviously the website fixing it is the best option.

Re: Contrast Rebellion

#136

Post by makeitdouble »

Paul-Craft wrote: post #102
vasco wrote: post #101

Earlier quoted context omitted.

HN's page styling is simple and stable enough that if someone comes here often and has any sort of visual or readibility complaints they can just fix their own issues by modifying the CSS in my opinion.

"The user can fix it themselves" is not an excuse for making something broken on purpose.

TBF that excuse isn't that bad when it comes to HN's audience.

Re: Contrast Rebellion

#137

Post by justinclift »

jamiek88 wrote: post #119
ilyt wrote: post #97

Earlier quoted context omitted.

That's more statement due to how terrible other sites are; for example's HN utterly fucking idiotic idea of making any "Show HN" posts text body light gray

Ha! Until reading this I thought those were downvoted or flagged posts that were grey on grey!

Are they definitely not?

I've been thinking the same thing.

Re: Contrast Rebellion

#138

Post by makeitdouble »

lmm wrote: post #134
makeitdouble wrote: post #130

Earlier quoted context omitted.

Wasn't this the whole purpose of introducing em to replace points ?

Why not just do the right thing with points? That way you'd also do the right thing with the billions of existing pages that will never be updated.

My understanding is that there is no "right" thing.

There will be cases where you want font sizes to be absolute and not vary depending on the system. For instance if it's text that comes with specific graphics of fixed size, or there are strong layout concerns bound to it.

In other cases you'll want relative sizing and adjust to the user's system preferences as much as possible.

That's a decision that has to be made site by site, element by element, which is why em are a recommandation, and couldn't blanket replace absolute units.

Re: Contrast Rebellion

#139

Post by zubairshaik »

justinclift wrote: post #137
jamiek88 wrote: post #119

Earlier quoted context omitted.

Ha! Until reading this I thought those were downvoted or flagged posts that were grey on grey!

Are they definitely not? I've been thinking the same thing.

It's both. It happens for both downvoted comments [0] and any text posts, regardless of voting score.

[0] https://news.ycombinator.com/newsfaq.html

Re: Contrast Rebellion

#140

Post by teh_klev »

Slackwise wrote: post #131
usernew wrote: post #66

Earlier quoted context omitted.

Well, the reason it shows "low contrast" on the page, is because the purpose of the page is to illustrate the low contrast problem. There are many sections that show the contrasting example of good contrast. What you're doing is running two virus scanners, and the second one finds the quarantine folder of the first one. You then claim the first antivirus is a virus. Nope. This was not a website designed for mobile -…

> This was not a website designed for mobile - that's why it doesn't look appropriate on mobile. Not every website is designed for mobile - in fact there are usually two completely different websites for mobile and desktop. This one is only for desktop. This complaint is like renting a sports car and complaining it's not doing a good job at transporting your piano. This is a very problematic take, and is simply inacc…

> It's all the violence of designers that makes things both less device friendly

"violence"? seriously? You should maybe dial back the hyperbole a bit.

Post reply on HN