SCALE — Build Lab

コントラスト比 4.5:1 以上(WCAG AA)

本文と背景のコントラスト比は最低 4.5:1、見出しは 3:1。

Do 良い例

#fff on #08080a = 19.5:1(余裕で OK)

Don't 悪い例

#999 on #fff = 2.85:1(NG・読めない)

コントラスト比 4.5:1 以上(WCAG AA)

:LiTarget: 原則

本文と背景のコントラスト比は最低 4.5:1、見出しは 3:1。

:LiAlertCircle: なぜ?

40代以降は薄いグレー読めない。アクセシビリティ準拠で全員に優しく。

:LiCheckCircle: Do(良い例)

#fff on #08080a = 19.5:1(余裕で OK)

:LiXCircle: Don’t(悪い例)

#999 on #fff = 2.85:1(NG・読めない)