Online-go.com: Darker shade of gold for site supporter names on light backgrounds

Created on 20 Feb 2021  路  5Comments  路  Source: online-go/online-go.com

Is your feature request related to a problem? Please describe.
The contrast ratio for our yellow (#dfba00) on white (#fff) is only 1.88:1. For off white or other backgrounds, the ratio is even worse. For reference, WGAC recommends 4.5:0 for text, but I think we can follow the guidelines for bold text which is 3:0.

Describe the solution you'd like
I think #a48200 is a nice shade of gold that has a contrast ratio of 3.63:1 on a white background. My proposal is to update the colors of site supporter names to #a48200.

Describe alternatives you've considered
Badges instead of colorful names. I still think badges would be a fun, accessible indicator, but there was little support for removing color (which I can understand).

Additional context
The proposed color scheme:
Screen Shot 2021-02-20 at 3 26 24 PM

In the player boxes (note gold on dark has not changed)
Screen Shot 2021-02-20 at 3 25 38 PM

feature request

All 5 comments

Hi @anoek, I'd like to know whether I'd have support to implement this one. The yellow isn't a big deal to me, but there have been complaints in the past that the contrast with light backgrounds is not ideal.

Please let me know, and if you hate it feel free to close!

Some compare and contrast:

Old:
Screen Shot 2021-02-20 at 3 51 49 PM

New:
Screen Shot 2021-02-20 at 3 51 31 PM

Old:
Screen Shot 2021-02-20 at 3 46 36 PM

New:
Screen Shot 2021-02-20 at 3 47 49 PM

Old:
Screen Shot 2021-02-20 at 3 49 30 PM

New:
Screen Shot 2021-02-20 at 3 49 03 PM

I'm not sure if these side-by-sides make it particularly obvious that there is an improvement, but I think the higher contrast makes for better viewing in suboptimal conditions, like being on a mobile device on a sunny day.

Relevant ongoing discussion in the forums is here.

Yep that'd be awesome, thanks! Color picking is a challenge for me.

Sweet! PR incoming. I'm not that confident in color picking myself, but I think I wrote it in such a way that we can fidget with dark.supporter and light.supporter until it's perfect.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

kobakitty picture kobakitty  路  3Comments

Wizek picture Wizek  路  3Comments

GreenAsJade picture GreenAsJade  路  3Comments

roy7 picture roy7  路  5Comments

flovo picture flovo  路  5Comments