なぜ色覚安全度を確認すべきか
デザイナーの目には明らかに異なる2色でも、赤緑色覚異常(男性の約8%)を持つ人にはほぼ同じ色に見える場合が少なくありません。この計算機は2色を選ぶと、通常のコントラスト比と色覚シミュレーションに基づく識別可能性スコアを同時に表示します。
計算方法
WCAGのコントラスト公式で通常の明度対比を計算し、同時に1型(赤色覚異常)・2型(緑色覚異常)の認知特性を反映した変換行列で2色をそれぞれシミュレーションします。シミュレーション後の2色の距離が近いほど、実際には識別しにくいことを意味します。
安全度を改善する方法
距離が50未満は危険、50〜120は注意、120以上は安全に分類されます。危険と判定された場合、色自体を変更する代わりに明度の差を大きくしたり、グラフやボタンにアイコン・パターン・テキストラベルを併用して色だけに依存しないようにする方が実務上取り入れやすい対策です。
よくある質問
色覚シミュレーションはどのように計算されますか?
赤緑色覚異常(1型・2型)の認知特性を反映した変換行列で2色をそれぞれ変換し、変換後の色同士の距離を計算して実際の識別可能性を推定します。
安全度が低い結果が出た場合はどうすればいいですか?
色自体を変更しにくい場合は、明度の差を大きく取るか、アイコン・パターン・テキストラベルなど色以外の識別要素を併用するとよいでしょう。