web-dev-qa-db-ja.com

色覚異常ユーザー向けのUIデザインをテストするための優れたリソースは何ですか?

可能性のある複製:
自分のユーザーインターフェイスが色覚障害者に適しているかどうかを確認するにはどうすればよいですか?

色覚異常のユーザーが、要素間の十分なコントラストと他のユーザーと同様の美学を備えたUIを確実に体験できるようにしたいと思います。これを支援するための良いリソースは何ですか?

32
Don

これをテストできます:

http://colorfilter.wickline.org/

テストするWebサイトのURLを入力し、色覚異常のタイプを選択します。
カラーブラインドユーザーが目にするように、ツールはWebサイトを表示します。

12

カラーOracle はかなりうまく機能します。 (デスクトップアプリケーション、すべてのプラットフォームで動作)

3種類の色覚異常のシミュレーションを提供します。カラーブラインドが作業をどのように認識するかをすばやく確認するための優れたツール。

8
TomvB

別の色覚異常シミュレーターは vischeck です。画像やURLでオンラインで使用できます。私は sim daltonism (macのみ)も使用しました。

色覚異常はめったにありません(男性の間で)。すでに色覚異常者を知っているかもしれませんが、彼が色覚異常であることに気づかなかった可能性があります。シミュレーターでは分からない補償戦略などについて教えてくれます。

3
Marielle

Colorblind Vision は、色覚異常をリアルタイム(30 fps)でシミュレーションするためのiPhoneアプリです。

2
neoneye

最も基本的なテストは、スクリーンキャプチャを作成し、イメージエディタでグレースケールに変換し、色を簡単に区別できるかどうかを確認することだと聞きました。

1
Nacho

FujiにはWindows用の小さなアプリがあります。 Colordoctor

1
sysscore

私はそれがignが示すように実際には対照的であると考えています。

WCAGを確認してください: ビジュアルオーディオコントラスト 色間のコントラストを確認するためのツールもいくつかリストされています。

0
agib

Colororacleへのもう1つの投票は、色覚異常の3つの主要なタイプをカバーし、非常に素晴らしい実装をしています。 ignが言及している白黒のテストは、冗長性テストの色についてもあり、Web開発者ツールバーで利用できます

0
The Question

Chrome Daltonizeと呼ばれる拡張機能 https://chrome.google.com/webstore/detail/efeladnkafmoofnbagdbfaieabmejfcf もあります。

0