色覚タイプの違い
プロタノピア・デュータノピア・トリタノピアの違い
プロタノピアとデュータノピアは赤緑系、トリタノピアは青黄系の識別に関わります。三つの名称は異なる錐体信号経路を示し、交換可能なフィルター名ではありません。
プロタノピア
三つのタイプは何が違いますか
プロタノピアはL錐体フォトピグメントの機能喪失に関連する赤緑系の二色型色覚で、長波長の赤が暗く見える場合があります。デュータノピアはM錐体に関連し、似た赤緑混同を生じますが、プロタノピア特有の赤の暗化とは異なります。トリタノピアはS錐体経路に関連し、青と緑、紫と赤、黄とピンクの区別へ影響します。プロタノピアのシミュレーションは設計上の衝突を探す道具であり、眼科検査や診断ではありません。
最初に押さえる比較
- プロタノピアとデュータノピアは赤緑系ですが、プロタノピアでは強い赤の明るさも下がることがあります。
- トリタノピアは比較的少ない青黄系で、赤緑系とは異なる色の組み合わせが混同します。
- 「-anopia」は一つの錐体フォトピグメント機能の喪失、「-anomaly」は反応の変化を表します。
- プロタノピア、デュータノピア、トリタノピアの表示は別々の確認状態で、個人の見え方を完全には予測しません。
- ラベル、形、パターン、測定した輝度コントラストを併用し、フィルターだけで使いやすさを判断しないことが重要です。
三つの色覚タイプ比較表
米国国立眼研究所と米国眼科学会EyeWikiの分類を、デザイン確認向けに整理しました。個人差があるため、固定した見え方のレシピではなく衝突リスクとして使います。
| タイプ | 錐体経路 | 大分類 | 混同リスク | 設計確認 |
|---|---|---|---|---|
| プロタノピア | L錐体・長波長 | 赤緑系 | 赤と緑、暗い赤と黒や茶 | 赤の明るさ、明度差、ラベル、輪郭 |
| デュータノピア | M錐体・中波長 | 赤緑系 | 赤と緑、黄緑や茶に近い色 | 意味を持つ赤緑、形、状態テキスト |
| トリタノピア | S錐体・短波長 | 青黄系 | 青と緑、紫と赤、黄とピンク | 青緑の段階、暖色ハイライト、凡例、記号 |
シミュレーションの色より先に名称を読む
プロタノピアのprotanは、EyeWikiでL錐体経路に対応します。実務では単に「赤緑が似る」と覚えるだけでは不十分です。プロタノピアでは強い赤が暗くなる可能性もあるため、黒地の暗赤色警告、キャラクター衣装の赤茶色の影、細い赤線が消えることがあります。プロタノピア表示ではピッカーの色名だけでなく、背景との相対的な明るさ、面積、線幅、輪郭、文字ラベルまで確認します。
デュータノピアのdeutanはM錐体経路を示します。赤緑の混同がプロタノピアに似ているため、典型色覚の確認者には二つの表示がほぼ同じに感じられる場合があります。しかし重複ではありません。プロタノピアには長波長側の暗化があり、デュータノピアには同じ形の赤暗化がありません。暗いテーマ、グラフ、衣装、警告状態を両方で確認し、フィルターが個人差や程度を完全再現するとは説明しないでください。
トリタノピアは別の比較軸を変える
トリタノピアのtritanはS錐体経路を示します。米国国立眼研究所は、青と緑、紫と赤、黄とピンクの区別への影響と、色が明るく見えにくくなる点を説明しています。青緑の地図、黄とピンクのレア度、赤背景上の紫エフェクトにはトリタノピア専用の確認が必要です。プロタノピアとデュータノピアで問題がなくても、トリタノピアで安全とは限りません。
意味を色相の外にも残してください。トリタノピア表示でティールと青が近づくなら、文字、アイコン、位置、枠線、パターン、明度差を追加します。プロタノピアでも同じです。シミュレーションは衝突箇所を探しますが、製品側には端末、照明、画像圧縮、個人差を越えて残る第二の手掛かりが必要です。色だけを強く変えるより、情報構造を複線化した方が安定します。
シミュレーション、スクリーニング、診断を分ける
ブラウザーのプロタノピアフィルターはモデルに従って画素を変換します。網膜を検査せず、病歴を確認せず、画面を校正せず、臨床的に妥当化された検査成績も測りません。プロタノピア表示では、二つの状態、スウォッチ、線、キャラクター領域が一体化するかを確認します。デュータノピアとトリタノピアも対応するリスク確認に使います。閲覧者へ診断名を伝える道具には使えません。
色覚特性には三つの二色型だけでなく、異常三色型や全色覚障害も含まれます。米国国立眼研究所は赤緑系を4種類、青黄系を2種類、全色覚障害を別分類として掲載しています。新しく発生した、片眼だけの、または進行する色の見え方の変化には、デザイン記事やプロタノピア表示では対応できません。資格を持つ眼科専門職が症状と検査を文脈に沿って評価します。
比較結果をアクセシブルな設計判断へ変える
最初に情報の役割を定義します。赤がエラー、緑が成功なら、プロタノピアで二状態が区別できるかを確認します。ただし修正を強い赤と緑だけにしません。エラー記号、成功チェック、明示的な状態文、構造差を追加します。グラフは線種、マーカー形状、直接ラベル、パターンを併用します。キャラクターはチーム、能力、レア度をシルエット、紋章、明度、素材で分けます。
次に実際の前景と背景でコントラストを測ります。WCAG 2.2レベルAAは通常文字に4.5:1以上、大きな文字に3:1以上を定め、色が情報を伝える場合の追加手掛かりとして3:1の明度差も説明します。プロタノピア表示は比率を計算しません。Toon Toneのシミュレーターで衝突を探し、コントラストチェッカーで輝度を測り、人の確認でラベル、フォーカス、状態、理解を検証します。
実務向けプロタノピア確認リスト
元のデザインと三つの表示すべてで実行します。プロタノピアという項目名を繰り返すのは、見栄えのよい加工画像ではなく具体的な判断へ確認を結び付けるためです。
- プロタノピア: 赤の意味状態と緑の対応状態を比較し、色を使わずラベルを読めるか確認する。
- プロタノピア: 強い赤を黒、チャコール、濃茶、濃緑の上で確認する。
- プロタノピア: グラフ、バッジ、アバター、キャラクターを実際の最小表示まで縮小する。
- プロタノピア: グレースケールへ変換し、焦点順序とシルエットが残るか確認する。
- プロタノピア: エラー、警告、成功、選択状態に文字またはアイコンを付ける。
- プロタノピア: グラフと地図で線種、形、パターン、直接ラベルを併用する。
- プロタノピア: フォーカス、ホバー、アクティブ、無効、訪問済みを別々に確認する。
- プロタノピア: シミュレーション画像の印象ではなく文字コントラストを測定する。
- プロタノピア: 重要アイコン、境界、操作状態の非テキストコントラストを測る。
- プロタノピア: プロタノピアとデュータノピアを比較し、一つの赤緑表示で終えない。
- プロタノピア: 青緑と黄ピンクの衝突にはトリタノピア確認を別に行う。
- プロタノピア: 明るいテーマと暗いテーマの両方で区別が維持されるか試す。
- プロタノピア: 画像オーバーレイ、字幕、キャプション、絵に埋め込んだ文字を確認する。
- プロタノピア: スウォッチが分類を示す場合は名称または凡例を常に表示する。
- プロタノピア: 色が違うかだけでなく、利用者がタスクを完了できるか試す。
- プロタノピア: 状態、背景、HEX値、確認日、未解決リスクを記録する。
五段階の色覚レビュー
シミュレーション、コントラスト測定、第二の手掛かり、タスク確認を組み合わせ、UI、イラスト、グラフ、ゲーム状態を確認します。
1. 意味を列挙する
プロタノピアを開く前に、色が状態、順序、チーム、能力、レア度、操作を伝える場所を列挙します。
2. 個別に表示する
プロタノピア、デュータノピア、トリタノピアを一つずつ確認し、近づく組み合わせを記録します。
3. 第二の手掛かりを足す
文字、形、パターン、位置、線種、枠線、アイコンで色相なしでも意味を残します。
4. コントラストを測る
実際の文字と重要図形を測り、プロタノピア画像を比率計算の代用にしません。
5. タスクを試す
識別、比較、移動、操作を正しく完了できるか確認し、残る制約を記録します。
公式情報から確認できること
以下の情報は分類とアクセシビリティの境界を示します。シミュレーションを診断にしたり、万能な配色を保証したりするものではありません。
- 米国国立眼研究所は赤緑系を4種類、青黄系を2種類掲載しています。プロタノピアとデュータノピアは赤緑の区別、トリタノピアは青緑、紫赤、黄ピンクの区別へ影響すると説明します。 米国国立眼研究所：色覚特性のタイプ
- 米国眼科学会EyeWikiはprotan、deutan、tritanをL、M、S錐体へ対応させ、「-anopia」を一つの錐体フォトピグメント機能の完全喪失として説明します。 AAO EyeWiki：色覚の分類
- WCAG 2.2達成基準1.4.1は、情報、操作、応答、要素の区別を伝える唯一の視覚手段として色を使わないよう求めます。 W3C：色の使用を理解する
- WCAG 2.2レベルAAは通常文字4.5:1、大きな文字3:1を定めます。閾値なので4.499:1を合格へ丸めることはできません。 W3C：最低コントラストを理解する
Color is not used as the only visual means of conveying information
NEI · AAO · W3C
一次・公式情報
見え方を確認し、数値を測る
三つの色覚タイプについての質問
プロタノピアは赤が見えないという意味ですか
プロタノピアはL錐体フォトピグメントの機能喪失に関連する赤緑系の二色型色覚です。「赤を消した画像」という説明では不十分です。プロタノピアでは長波長の赤が暗くなり、緑、茶、黒と近づくこともあります。完全な用語を使い、特定のUIや絵で起きる課題を説明してください。
プロタノピアとデュータノピアの表示が似るのはなぜですか
どちらも赤緑識別へ影響するためです。プロタノピアはL錐体経路と関係し、強い赤が暗くなる場合があります。デュータノピアはM錐体経路と関係し、同じ暗化とは異なります。暗いテーマ、グラフ、衣装、警告では小さな差が重要なので両方を残します。
プロタノピアシミュレーターだけでアクセシブルと判断できますか
できません。プロタノピア表示はモデルによる近似です。診断、すべての程度の再現、文字コントラスト測定、フォーカス確認、タスク理解の証明はできません。デュータノピアとトリタノピア、WCAG測定、第二の手掛かり、実際のタスク確認を組み合わせます。
赤と緑をすべて削除する必要がありますか
ありません。WCAGは赤緑配色を禁止せず、重要情報を色だけにしないことと、文字や重要図形のコントラストを求めます。ラベル、アイコン、形、パターン、明度、位置がプロタノピア表示でも信頼できる第二の手掛かりになれば、赤緑を使えます。