w3c / typography

Points to typographic information relevant to the Open Web Platform
https://w3c.github.io/typography/
42 stars 10 forks source link

Increase contrast for .status_prompt style #84

Open dontcallmedom opened 1 year ago

dontcallmedom commented 1 year ago

needed to reach WCAG-enough contrast over white background

netlify[bot] commented 1 year ago

Deploy Preview for w3c-typography ready!

Name Link
Latest commit d9b0d7252d4ad224e90d987f180b03d2f67a8610
Latest deploy log https://app.netlify.com/sites/w3c-typography/deploys/64e333c88c837b0008366a7c
Deploy Preview https://deploy-preview-84--w3c-typography.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

xfq commented 1 year ago

Would you please provide a before and after screenshot for our reference, @dontcallmedom?

dontcallmedom commented 1 year ago

before after

(changing WCAG contrast ratio from 2.32 to 4.71 according to WebAIM contrast checkr)

r12a commented 1 year ago

@xfq i had already done some tests for this suggested change, and i think it will probably be ok, even though it doesn't de-emphasise the affected text as much as i'd have liked. I'm assuming that Dom has picked the lightest grey colour that passes WAI AA - i didn't check that.

xfq commented 1 year ago

Thanks, @dontcallmedom and @r12a!