本文へスキップ
patrache.tools

色覚シミュレーター

色覚シミュレーターの無料オンラインツール。赤緑色覚異常・青色覚異常など各タイプのシミュレーション。アクセシビリティ検証。ブラウザ処理。

画像をドラッグ&ドロップまたはクリックしてアップロード
lockファイルはサーバーに送信されません
共有
埋め込み

このツールをサイトに埋め込む

色覚異常シミュレーター無料オンラインツールです。 画像や色が様々なタイプの色覚異常者にどう見えるかをシミュレーションします。 ブラウザ内で処理されファイルがサーバーに送信されません。 アクセシビリティデザイン検証に必須です。

色覚シミュレーターの使い方は?

  1. 画像をアップロードまたは色を入力します。
  2. シミュレーションする色覚異常タイプを選択します。
  3. 結果を確認してアクセシビリティを検証します。

色覚シミュレーターに関するよくある質問

どの色覚異常タイプをシミュレーションできますか?

第1色覚異常、第2色覚異常、第3色覚異常、全色盲など主要タイプすべてに対応しています。

画像全体をシミュレーションできますか?

はい、画像をアップロードすると選択した色覚異常タイプで全体が変換表示されます。

色覚特性のある人にも伝わるようにするには、色以外に何を加えるべきですか?

色はあくまで補助的な手がかりとして使い、情報そのものは別の手段でも伝わるようにします。グラフなら線の種類(実線・破線)やマーカーの形を変え、系列名を線のすぐそばに直接書き添えてください。フォームでは赤い枠線だけに頼らずエラーメッセージとアイコンを併せて示し、リンクは色だけで区別せず下線を残すのが最も効果的です。

色覚特性はどれくらい多いのですか?本当に配慮すべきですか?

赤緑色覚特性は男性の約8%、女性の約0.5%に見られ、世界では3億人近くにのぼります。訪問者100人規模の小さなサイトでも、男性利用者の中に数人は該当するということです。しかも色だけで区別する画面は、白黒印刷や日光下の低輝度画面では誰にとっても読みづらくなるため、この配慮は結局すべての利用者の役に立ちます。

色覚シミュレーターを上手に活用するには?

  • 最も多いのは赤緑の色覚特性です。成功と失敗を赤と緑だけで区別しないようにしましょう。
  • グラフには色に加えて形やパターン、直接ラベルを添えると誰でも読み取れます。
  • リンクを色だけで示さず、下線を併用するほうが安全です。

Powered by Patrache Studio Tools

このサイトの広告を許可してください

ツールを利用するには、このサイトの広告ブロックを解除してください。広告収益で無料サービスを運営しています。

広告ブロッカーのアイコンからこのサイトのブロックを解除し、もう一度確認してください。