Repository navigation
$node-green #80bd01 on white background does not pass accessible contrast ratio #501
Description
Activity
I personally think it is important that the website is properly accessible to everyone, but realize this creates some conflict between a Node brand color and what color combinations are accessible.
Agreed. @mikeal who should we ping to double check if and which colours could be altered to increase accessibility, without violating brand rules?
+1 to
#6ea400, still looks acceptable to me.#669f64does not for the expected font sizes because the required contrast ratio is 4.5:1 and that comes out to 3.13:1.The dark green on the bottom left of the "o" in "node" is
#3e863dwhich comes in at 4.49:1 which is functionally close enough, but to officially pass it would need to be pulled down to#3e853dIf anyone else wants to check these, this is the easiest place http://webaim.org/resources/contrastchecker/
We have a new set of colors from a preliminary document for the new logo design:
#215732,#44883eand#6cc24a. The first one would pass all tests on above site on#fffbackground, but I'd argue it's a bit too dark.Maybe
#44883eis the way to go, it passes WCAG AA for large text, but fails on small one.The WCAG validation is supposed to set the floor for contrast, so on that basis it would have to be
#215732from those 3 colors to pass.#43853dis the lightest in the hue of#44883ethat passes and I think that is also likely OK.Unless there are objections to that, since the colors are documented now, a pull request seems appropriate to update this.
Currently standard links on the website appear in
#80bd01most often on a white background. Chrome accessibility tools indicate the contrast ratio is 2.28 and passing for AA level accessibility at the ~15px font-size on the API docs, like this page https://nodejs.org/api/fs.html would be a contrast ratio of ~3 which equates to a suggested#6ea400.I personally think it is important that the website is properly accessible to everyone, but realize this creates some conflict between a Node brand color and what color combinations are accessible.
Please let me know if I can be of any assistance in resolving this, I felt it was premature to just open a PR suggesting a new color where it is a brand issue.