web-dev-qa-db-fra.com

Rapport de contraste pour la couleur d'arrière-plan du bouton?

Je travaille à la création d'un site Web conforme aux WCAG II. Les concepteurs demandent à utiliser des boutons jaunes (en particulier, #fcdb31) avec un texte bleu au-dessus d'eux sur fond blanc.

yellow button with blue text

  • Alors que le type bleu sur les boutons jaunes passe l'accessibilité, devons-nous craindre que la couleur du bouton jaune sur fond blanc ne passe pas l'accessibilité?
  • Les couleurs d'arrière-plan des boutons doivent-elles même respecter les mêmes rapports de contraste que le type?

Je ne veux pas changer inutilement la couleur du bouton si ce n'est pas quelque chose qui doit être fait pour être conforme.

4
Trisha McCabe

Les deux réussissent le test de contraste des couleurs .. vérifiez ici:

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

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

Mais, si vous me demandez en tant que designer, les deux réglages ne sont pas agréables aux yeux.

3
Hemchandra