Dear web developers: set the font color, too
1–10 of 151 posts
Re: Dear web developers: set the font color, too
#2As a lazy web developer (it's not my main job) I just hope there are tools who mark those in a checklist. E.g. Google Lighthouse Accessibility Audit. https://developers.google.com/web/tools/chrome-devtools/acce...
Re: Dear web developers: set the font color, too
#3Definitely agree accessibility is important going into 2019. Different users are going to be viewing a site with more screen readers, dark theme, and other alternative viewing options, very much like we saw with mobilegeddon and the advent of responsive design. I've seen the argument that this hurts the "intended web experience", but this can be solved by keeping up with modern CSS practices and crafting the experience with screen readers in mind.
Good stuff, thank you for sharing.
Re: Dear web developers: set the font color, too
#4Sure it's not an issue with whatever is doing that (hacky) dark mode CSS? Looking at the google example, they are setting the font color. It just doesn't look good when dark-mode CSS doesn't take the existing colors into account.
Re: Dear web developers: set the font color, too
#5Sure it's not an issue with whatever is doing that (hacky) dark mode CSS? Looking at the google example, they are setting the font color. It just doesn't look good when dark-mode CSS doesn't take the existing colors into account.
The dark mode is actually coming from the GNOME system colors, not browser plugin.
From inspecting the CSS in the developer console, the cases in the screenshot either set the background color without setting the text color, or vice versa.
Re: Dear web developers: set the font color, too
#6Never though about this before, but, dark themes have only recently become widespread, so I'm not necessarily faulting web devs on this.
Re: Dear web developers: set the font color, too
#7Definitely agree accessibility is important going into 2019. Different users are going to be viewing a site with more screen readers, dark theme, and other alternative viewing options, very much like we saw with mobilegeddon and the advent of responsive design. I've seen the argument that this hurts the "intended web experience", but this can be solved by keeping up with modern CSS practices and crafting the experien…
[deleted]
Re: Dear web developers: set the font color, too
#8Never though about this before, but, dark themes have only recently become widespread, so I'm not necessarily faulting web devs on this.
It's not about dark themes - I don't think it was ever right to set one colour without the other as I don't believe (may be wrong) that the CSS or HTML standard ever said anything about default colours?
Re: Dear web developers: set the font color, too
#9What has happened to the concept of "User Defined CSS"? Is it totally gone? Did Chrome kill it?
Browsers should be making this a prominent and first-class feature.
Users should be able to quickly and easily set their default styles for various elements and choose at what precedence level they apply.
Re: Dear web developers: set the font color, too
#10Due to how widespread assumptions about "system" form field colors are throught the web, the proper thing for browsers to do is probably to _not_ apply a dark theme to form fields, at least by default. Maybe instead allow a CSS opt-in to support dark themes.
This seems to be what Apple is doing with Safari, and I feel like it's what provides the best user experience out of the box. (Even for pages that don't make this styling mistake, a single dark input field on a full light page is not a satisfactory dark mode experience)