5つの使いやすいオンライン色覚異常シミュレーター

5つの使いやすいオンライン色覚異常シミュレーター

自分で状態がないと、色覚異常の人に共感するのは難しいです。幸いなことに、設計者は、すべての人に適した設計を完成させるのに役立つ多くのオンラインツールにアクセスできます。





そこにある最高の色覚異常シミュレーターのいくつかを調べてみましょう。





1. Web開発に最適な色覚異常シミュレーター:組み込みのブラウザーツール

現代のブラウザの中には、色覚異常のシミュレーションが組み込まれているものがあることをご存知ですか?これらのツールは、Webデザイナーが色覚異常に準拠したWebページを作成するのに役立ちます。デザイナーでなくても、Webサイトにアクセスしたり、プログラムをインストールしたりしなくても、それらを使用してWebページを表示できます。





現時点では、FirefoxとChromeのみがこれらのシミュレーターを備えています。 Firefoxの色覚異常シミュレーションの詳細については、Firefoxの色覚異常シミュレーションをご覧ください。 アクセシビリティインスペクタのヘルプページ

Chromeのメインブランチには現在シミュレータがありませんが、現在、夜間の開発ビルドブラウザで利用できます。 カナリア 。このツイートで、新しいツールの動作を確認できます。



2. Webページに最適な色覚異常シミュレーター:Toptal Color-Blind Filter

Webサイトの色覚異常の互換性をテストする場合は、 ToptalColor-ブラインドWebページフィルター 。 Webサイトは遅い場合もありますが、他の人の目を通してWebページがどのように見えるかを示すのに効果的です。 URLを指定し、カバレッジフィルタを選択して、をクリックするだけです。 フェッチしてフィルター!

ページが色覚異常フィルターを通過すると、色覚異常の人がそれをどのように認識するかを確認できます。条件をクリックして、色覚異常のタイプごとに新しいプレビューを生成できます。





ウェブサイトがどのように見えるかを共有したい場合は、をクリックしてください フィルタリングされたページのURLをコピーする 右下にあります。これにより、結果を他の人と共有できるリンクが生成されます。これは、誰かと協力してWebサイトをデザインしていて、そのデザインが色覚異常とうまく機能することを証明したい場合に特に便利です。

Webサイトが色覚異常テストに合格した場合、ページの下部にある画像を使用して、視力の問題に関係なく、ページがニーズに合っていることを訪問者に示すことができます。





AppleWatchのスペースを空ける方法

3.画像に最適な色覚異常シミュレーター:Coblis(色覚異常シミュレーター)

画像をデザインしていて、色覚異常の人がどのように画像を見るのか疑問に思っている場合は、 コブリス (( 彼らの- なる NS NS imulator)ウェブサイト。 Coblisは、画像を簡単かつ迅速にアップロードして、さまざまな色覚異常の例に対してテストできるWebツールです。

ツールを使用するには、ページの中央までスクロールします。アプリケーションのスクリーンショットのように見えるものが表示されます。だまされてはいけません。これはスクリーンショットではありません!これは、Webページに埋め込まれている実際のアプリです。

ボタンを使用して、デフォルトの画像をいじって、ツールで何ができるかを感じることができます。画像をテストする準備ができたら、をクリックします ファイルを選ぶ ボタンをクリックして、アップロードするファイルを選択します。これで、ツールを使用してさまざまな視力障害を実験し、画像がどのように維持されるかを確認できます。

4.最高の色覚異常シミュレータ拡張機能:色覚異常を取得しましょう

やや気になる名前にもかかわらず、Let's Get Color-Blindは、その場でWebサイトをチェックするための便利なツールです。確認したいページに移動し、左上のブラウザ拡張機能をクリックしてアクティブにします。

アクティブになると、さまざまな種類の色覚異常を選択でき、Webサイトは設定で自動的に更新されます。シミュレーションの強度が少し強すぎたり弱すぎたりする場合は、シミュレーションの強度を微調整することもできます。

ダウンロード: 色覚異常を取得しましょう クロム | Firefox (無料)

5.色覚異常シミュレーションに最適なモバイルアプリ:色のシミュレータ

画像ギャラリー(2画像) 拡大 拡大 選ぶ

色のシミュレータは、このリストで最も印象的な色覚異常シミュレータです。色覚異常の人のようにウェブサイトや画像を表示するのには最適ではありませんが、他のすべてのものを目で見るのは素晴らしいことです。

CashAppアカウントを無効にする方法

色のシミュレータは、携帯電話のカメラを使用して、色覚異常のリアルな表現をリアルタイムで作成します。 4つのビューポートオプションがあります。 1つは通常の視力用で、3つの異なる色の欠陥があります。下部でそれらを切り替えて、さまざまな目で世界を見ることができます。

このアプリを非常に強力なものにしているのは、これらのビューをどのように組み合わせることができるかです。たとえば、通常のビューと1型2色覚のビューの両方を同時にアクティブにすることができるため、2つを比較対照することができます。色覚異常の人と同じように、すべてのビューをアクティブにして、周囲の世界を見ることができます。

ダウンロード: 色のシミュレータ アンドロイド | ios (無料)

オペレーティングシステムでの色覚異常アシスタントツールの使用

あなたまたはあなたが知っている誰かが色覚異常に苦しんでいる場合、オペレーティングシステムをより色覚異常に優しいものにするために使用できるツールがあります。これには、色覚異常の人がそれぞれをよりよく区別できるように色を変更することが含まれます。

すべてのオペレーティングシステムにこの機能が組み込まれているわけではありません。ただし、Windows 10を使用している場合は、幸運です。これに関するガイドをご覧ください 色をよりよく区別するためのWindows10のトリック

この機能により、色覚異常の人は自分のニーズに合ったテーマを選択できるため、どの色が何であるかを理解するのに苦労する必要はありません。何よりも、このフィルターは、Webページや画像など、画面に表示されるすべてのものにも影響します。

視覚障害者の生活を楽にする

生活のためのビジュアルメディアをデザインする場合は、色覚異常と彼らがあなたの作品をどのように見るかを検討することをお勧めします。幸いなことに、これを実現するための特別なツールは必要ありません。ウェブサイトを使用するかアプリをダウンロードするだけで、他の誰かの目を通してあなたの創造的な決定を見ることができます。

上記のツールでうまくいかない場合は、必ずこれらを試してください 目の不自由な方や視覚障害のある方がウェブを閲覧する方法

共有 共有 つぶやき Eメール 互換性のないPCにWindows11をインストールしても大丈夫ですか?

これで、公式のISOファイルを使用して古いPCにWindows 11をインストールできます...しかし、そうすることをお勧めしますか?

スマートテレビは何をしますか
次を読む 関連トピック
  • インターネット
  • 視覚化
  • シミュレーションゲーム
  • ウェブデザイン
  • アクセシビリティ
  • 楽しいウェブサイト
著者について サイモンバット(693件の記事が公開されました)

コンピュータサイエンスの理学士号を取得し、あらゆるセキュリティに深い情熱を注いでいます。インディーゲームスタジオで働いた後、彼は執筆への情熱を見出し、自分のスキルセットを使用してすべての技術について書くことにしました。

サイモンバットからもっと

ニュースレターを購読する

ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。

購読するにはここをクリックしてください