Closed frederickobrien closed 3 years ago
I know the pink we use (#f01d4f) is close to our hearts, but it does only have a contrast ratio of 4.2:1 on a white background, while 4.5:1 or more meets the AA requirements of the Web Content Accessibility Guidelines. It's the only thing (currently) flagged by Lighthouse where accessibility is concerned:
Using this WebAIM tool it seems #E60F41 would do the trick. That would take us from this:
To this:
Yes those are two different colours.
It is also worth mentioning that to pass WCAGAAA standards (7:1 ratio) a colour closer to #B10B32 (pictured below) would be needed.
I know the pink we use (#f01d4f) is close to our hearts, but it does only have a contrast ratio of 4.2:1 on a white background, while 4.5:1 or more meets the AA requirements of the Web Content Accessibility Guidelines. It's the only thing (currently) flagged by Lighthouse where accessibility is concerned:
Using this WebAIM tool it seems #E60F41 would do the trick. That would take us from this:
To this:
Yes those are two different colours.
It is also worth mentioning that to pass WCAGAAA standards (7:1 ratio) a colour closer to #B10B32 (pictured below) would be needed.