文字色と背景色のコントラスト比を、WCAG基準にもとづいてチェックします。
選んだ背景に文字を置くと、このように表示されます。読みやすいと感じるまで色を調整してみましょう。
2つの色の明るさの差を表す数値で、1:1(コントラストなし)から21:1(最大。白地に黒)までの比率で示されます。値が大きいほど文字が読みやすくなります。
小さな文字の場合、レベルAAでは4.5:1以上、レベルAAAでは7:1以上のコントラスト比が必要です。大きな文字(18pt以上、または太字で14pt以上)では、AAが3:1以上、AAAが4.5:1以上です。この基準を満たせば、ロービジョンの方を含む多くの人がコンテンツを読みやすくなります。
選んだ背景に文字を置くと、このように表示されます。読みやすいと感じるまで色を調整してみましょう。