Releases.discourse.org feedback & suggestions

General
11

Chrome’s Devtools “CSS Oveview” flags contrast issues with 10 color combinations on the releases page, 6 of them serious (ratios below even WCAG AA minimums). They are:

  1. The aforementioned “Highlights” card colors of white text over --color-feature
  2. The “← Back to versions” link, medium blue text over black, with a contrast ratio of only 3.9:1
  3. The “show” expand toggle on the security fixes card, small white text at 80% opacity over red, with a contrast ratio of only 4.01:1. (The rest of the security-fixes text passes at 5.43:1, since it’s not semi-transparent.)
  4. The “DEV” badge, white text over a grayish-green background color of #7f8c8d, contrast ratio 3.47:1
  5. All of the commit dates and other --text-muted (#888) over --bg-card (#2d2d2d), contrast ratio 3.08:1
  6. The “Security” badges, white text over #d36500 (basically orange), contrast ratio 4.16:1.

Oh, and if I’d scrolled farther, also the “Translations” badge, white text over #e91e63(radioactive glowing magenta), contrast ratio 4.34:1.

1 Like