空色のヘッダに白抜き文字を置いてはいけない — コントラスト比の計算

#4aa8ff の空色背景に白文字を置くと 2.5:1 となり WCAG AA の基準 4.5:1 に達しないが、墨色なら 6.9:1 となる。背景の明度に応じた文字色選定の方法とコントラスト比の測定方法について解説する。

カラーコントラスト, WCAG, UXデザイン