すべての目のためにデザインする
赤緑のグラフは、男性のおよそ12人に1人にとって読めないことがあります。このツールは3種類の色覚異常をシミュレートし、オリジナルの隣に並べて、アクセシビリティの問題をひと目で見つけます。
-
画像を読み込む
スクショ・グラフ・パレット…または内蔵サンプル。
-
比較する
オリジナル・protan・deutan・tritan を一緒に表示。
-
修正する
必要なら模様・ラベル・コントラストを追加。
シミュレートする3タイプ
| タイプ | 影響する色 | 頻度 |
|---|---|---|
| 1型（protan） | 赤 | 多い（赤緑） |
| 2型（deutan） | 緑 | 最多 |
| 3型（tritan） | 青 | 稀 |
| — | 色覚異常全体 | ≈ 男性8%、女性0.5% |
処理はブラウザ内でピクセル単位、アップロードなし。設計に役立つ近似であり、診断ではありません。
よくある質問
色覚異常とは？
網膜の錐体細胞の非典型的な働きにより、特定の色を見分けにくくなることです。男性の約8%、女性の約0.5%に見られます。最も多いのは赤と緑の知覚に関するものです。
protan・deutan・tritan の意味は？
protanは赤、deutanは緑、tritanは青の知覚低下を指します。protanopiaとdeuteranopia（赤緑）が圧倒的に多く、tritanopia（青黄）は稀です。
このシミュレーターの用途は？
グラフ・UI・パレットが誰にとっても読めるか確認するためです。2つの情報が赤緑の色だけで区別される場合、見分けがつかなくなることがあります。模様・ラベル・コントラストを加えるとよいでしょう。
シミュレーションは完全に正確？
いいえ、色変換行列に基づく近似です。結果の忠実なイメージは得られますが、実際の知覚は人により異なります。設計の指針であり、医学的診断ではありません。