top | item 45524412

(no title)

kinix | 4 months ago

Unrelated to the content: why on earth is super-light grey a good "bold" colour for a white background? I'm having to highlight each of the bolded parts of the text just to understand it :/

edit: console command for anyone else struggling to read this `document.documentElement.style.setProperty('--bulma-strong-color', '#000');`

discuss

order

Elfener|4 months ago

Is this some new trend where websites include @media (prefers-color-scheme: light) and @media (prefers-color-scheme: dark) in their css, but it just breaks the site?

This site doesn't even have two themes, that css is just there to break the bold text!

perch56|4 months ago

Loads as a regular webpage for me (Safari, black font, white background).

kinix|4 months ago

The main text is black yes, but anything that's bold is light grey as per the CSS, which is near unreadable (even if you're not as colourblind as me I suspect)

JimDabell|4 months ago

It only happens if you are using dark mode. That seems to be the only difference between light and dark mode on that site.

azangru|4 months ago

Haha, came here to mention the light grey text on white background as well. This is a great example of poor accessibility. It should be obvious to a human eye that this is bad; but in case it weren't, one could open up Chrome dev tools, find the styles for this text, click on the color picker, and observe that Chrome reports the contrast ratio for that text to be 1.17, whereas a comfortable (accessible) contrast ratio starts at 4.5.