コントラスト比
Contrast Ratio
別名: 明度差
ライブデモ
説明
一言で説明
背景色と前景(文字やアイコン)色の明るさの差を数値化したもの。アクセシビリティの重要な指標。
いつ使う?
すべてのテキスト表示において。特にWCAG(Webアクセシビリティ指針)基準を満たすために確認が必要。
💡 日常の言い方
「文字の「見やすさ、くっきり具合」」
似ている用語との違い
コントラスト比 vs アクセシビリティ
コントラスト比はアクセシビリティ(使いやすさ)を実現するための具体的な手法・数値の1つ。
AIへの指示例
背景白に対して、コントラスト比が4.5:1以上になるような濃いグレーのテキストカラーを選んで。