4

I am working with making a website WCAG II compliant. The designers are asking to use yellow buttons (specifically, #fcdb31) with blue text on top of them on white backgrounds.

yellow button with blue text

  • While the blue type on the yellow buttons DOES pass accessibility, do we need to be concerned that the yellow button color on a white background would not pass accessibility?
  • Do button background colors even need to adhere to the same contrast ratios that the type does?

I don't want to unnecessarily change the button color if this is not something that needs to be done to be compliant.

  • 1
    I hope you don't mind, I've included a simple button image using your provided details to the post. Feel free to replace it if the actual button is significantly different. – maxathousand Dec 22 '17 at 16:09
4

Both pass colour contrast test ..check here:

http://leaverou.github.io/contrast-ratio/#%230000ff-on-%23fcdb31

http://leaverou.github.io/contrast-ratio/#%23fcdb31-on-%230000ff

But, if you ask me as a designer, both the settings are not pleasing to eyes.

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.