suhdonghwi / 3d-periodic-table

3D Periodic Table Viewer
https://periodic.donghwi.dev
MIT License
157 stars 19 forks source link

Contrast ratio is too low for the element description text. #1

Closed Roger-Heathcote closed 3 years ago

Roger-Heathcote commented 3 years ago

The grey text on a grey background looks elegant but is hard to read, especially at the smaller font size. The ANSI minimum recommended contrast ratio is 3:1 and the W3 WCAG2.1 guidelines suggest a contrast ratio of 4.5:1 for AA accessibility (accounting for people in old age, those with moderately low visual acuity and those with color blindness).

Love the site btw, looking forward to showing it to my kids later!

TrentSterling commented 3 years ago

Agreed! Made a comment on the reddit thread about the contrast. Hopefully we get less grey on grey!

suhdonghwi commented 3 years ago

Thank you for the suggestion! I will improve it now.

suhdonghwi commented 3 years ago

I improved it, how does it look now? :)

https://periodic.donghwi.dev