yatil, (edited )
@yatil@yatil.social avatar

Grey in HTML and CSS should be defined as #767676 instead of #808080 as the latter fails contrast with white while the former (just) meets contrast with both, black and white.

It’s not great contrast, but it’s another place where we failed to get good defaults in browsers.

cwilcox808,
@cwilcox808@c.im avatar

@yatil
Which is weird because is the same as rgb(128 128 128), halfway between rgb(255 255 255) and rgb(0 0 0) (rounded up). is rgb(118 118 118). You'd think the one halfway between would be the one sufficiently contrasting with both.

Are there more colors with sufficient contrast with black than white? Is WCAG woke? 🤪

Anyway, it's not browsers' fault, they're just following the spec.

https://drafts.csswg.org/css-color/#named-colors

yatil,
@yatil@yatil.social avatar

@cwilcox808 No, because red blue and green have different weights. That’s why it’s slightly off center.

I didn’t say it was browsers fault anywhere.

cwilcox808,
@cwilcox808@c.im avatar

@yatil
What I think is browsers' fault is the color for links and visited links do not meet 3:1 contrast vs. adjacent black text (of course by default links are also underlined). I think the default colors are conventions but ones which are consistent across browsers. for light schemes. In dark schemes, they're not consistent, Chrome, Firefox, and Safari all vary.

Links should be something like instead of and visited should be like instead of .

yatil,
@yatil@yatil.social avatar

@cwilcox808 This is also spec’s somewhere (browsers default style sheet?)

cbirdsong,
@cbirdsong@mastodon.social avatar

@yatil sadly, this would not fix the problem of “gray” being darker than “dark gray” (#a9a9a9)

yatil,
@yatil@yatil.social avatar

@cbirdsong Yes, we need to fix one thing after the other 😂

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • tacticalgear
  • DreamBathrooms
  • cisconetworking
  • khanakhh
  • mdbf
  • magazineikmin
  • modclub
  • InstantRegret
  • rosin
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • ngwrru68w68
  • provamag3
  • everett
  • normalnudes
  • cubers
  • tester
  • thenastyranch
  • osvaldo12
  • GTA5RPClips
  • ethstaker
  • megavids
  • anitta
  • Leos
  • JUstTest
  • lostlight
  • All magazines