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.

  • 2
    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. Dec 22 '17 at 16:09

Both pass colour contrast test ..check here:



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


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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