色のコントラスト比
色のコントラスト比は、文字と背景の色の明るさの差を示す指標です。
背景色と文字色のコントラスト比
コントラスト比が低いと、文字が読みにくくなります。特にロービジョンや老眼によって見づらさを抱えている人にとっては、大きな障害となります。
明るい背景色の上では、 明るい色の文字 は見づらくなります。
暗い背景色の上では、 暗い色の文字 は見づらくなります。
freee のガイドラインでは、テキストについて 4.5:1 以上のコントラスト比を満たすことを求めています（コントラスト比の確保）。 サイズの大きいテキストについては 3:1 以上でも良いことになっていますが、できるだけ 4.5:1 またはそれ以上を目指すようにしましょう。
コントラスト比は、WebAIM Contrast Checkerで確認することができます。 Background Color（背景色）と Foreground Color（前景色）それぞれにカラーコードを入力するか、カラーピッカーを使って色を選択すると、Contrast Ratio の欄にコントラスト比が表示されます。
また、実装されたページに対するコントラスト比のチェックは、axe DevTools で行うことができます。 コントラスト比の低い部分は 「要素は色のコントラスト比（最低限）の閾値を満たしていなければなりません (Elements must meet minimum color contrast ratio thresholds)」 という問題として、検出されます。