Webサイトで色覚異常テストを実行する

色覚異常は人口の大部分に影響を及ぼします。 研究では、例えば、北ヨーロッパの遺産の男性の最大8%と女性の0.5%が赤緑色失明の影響を受けることが示されています。 色を区別する能力は、年齢とともに悪化します。

ウェブマスターとして、色覚異常のある訪問者や特定の色のパターンを見分けるのが難しい訪問者があなたのサイトにアクセスできることを確認したい場合があります。

これにより、これらのユーザーはサイトでの操作性が向上し、ユーザーの一部がアクセシビリティの問題に直面したときにサイトの閉鎖を防ぐことができます。

色覚異常ブラウザ拡張機能

おそらく、色覚異常の訪問者のアクセシビリティに関しては、Webサイトをすばやくチェックする最良の方法は、ブラウザー拡張機能を使用することです。 一部のサイトおよびサービスではそれ以上が必要になる場合がありますが、拡張機能は大部分のWebマスターにとっては問題ないはずです。

FirefoxまたはChrome用のRGBlind

RGBlindは単純な拡張機能です。 インストール時にメインのFirefox(またはChrome)ツールバーにアイコンを追加し、クリックして2つの色覚異常シミュレーションモードを切り替えることができます。

ProtanopiaまたはDeuteranopiaのテストに切り替えることができます。選択すると、現在のサイトの配色がすぐに変わることに気付くでしょう。 2つの形式の違いは、原色視では赤の網膜視細胞が欠落しているのに対し、重度視では緑の視細胞が欠落していることです。

基本的に、このテストは色覚異常をシミュレートするため、色覚異常の人がWebサイトをどのように見るかを確認できます。

Chrome for Dalton

Dalton for Chromeは、8種類の色覚異常のテストをブラウザーに追加します。 アクセス可能性を確認するWebサイトに簡単に移動し、拡張機能アイコンをクリックして、使用可能なタイプ(無彩色、無彩色、三色性、三色性、重度、重度、重度、原色性)のいずれかを選択します

拡張機能は、それに応じてサイトの色を損なうため、何が機能し、何が機能しないかを確認できます。

すべてをテストするには、各タイプを個別にクリックする必要があります。 すべてのタイプを自動的に回転するオプションは便利ですが、提供されていません。

Chromeの色盲

Google Chromeの別のブラウザ拡張機能。カラーブラインドのサイトのアクセシビリティをテストするために使用できます。

上記のダルトンとほぼ同じように機能します。アイコンをクリックして、使用可能なタイプの1つを選択し、拡張機能によってサイトの配色がそれに応じて変更されるのを確認します。 ダルトンと同じ8種類をサポートしています。

終わりの言葉

FirefoxおよびChromeのColorblindテスト拡張機能は、サイトまたはデザインのアクセシビリティをテストできるため、ウェブマスターやデザイナーにとって役立ちます。 拡張機能は使いやすく、初期テストを実行してさまざまなタイプの色覚異常の影響を受けた訪問者にサイトがどれだけうまく表示されるかを確認するのに数分もかかりません。

さて、あなたは色盲ですか? 正しく表示されないサイトがたくさんありますか?