誰もが親しみやすい色使いへカラーパレットのアクセシビリティ改善の流れ

カラーパレットのアクセシビリティ改善

既存のカラーパレットをアクセシブルな色に改善すること

カラーコンセプトを変更しない

コントラスト比の達成基準の説明

ステップ1 既存の色整理

グラフィカルオブジェクト・UIコンポーネント・テキスト・ボタンの色を洗い出し

ステップ2 色のコントラストチェック

コントラストチェックの結果

ステップ3 色の調整

色を調整する: 明度と彩度の調整

色の組み合わせのルールを見直す

背景色ごとに色のルールを決める

UIコンポーネントの背景色が変更できない場合、背景色をそのままにしてテキストの色を調整する