web-dev-qa-db-ja.com

ボタンの背景色のコントラスト比?

私はウェブサイトをWCAG IIに準拠させることに取り組んでいます。設計者は黄色のボタン(具体的には、#fcdb31)白い背景の上に青色のテキストを重ねます。

yellow button with blue text

  • 黄色のボタンの青いタイプはアクセシビリティを通過しますが、白い背景の黄色のボタンの色がアクセシビリティを通過しないことを心配する必要がありますか?
  • ボタンの背景色も、タイプと同じコントラスト比に従う必要がありますか?

これが準拠するために実行する必要があるものでない場合、ボタンの色を不必要に変更したくありません。

4
Trisha McCabe

どちらもカラーコントラストテストに合格しています。

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

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

しかし、デザイナーとして私に尋ねると、両方の設定が目に心地よいものではありません。

3
Hemchandra