- ホーム
- > 簡易カラーアクセシビリティチェック
簡易カラーアクセシビリティチェック
- ホームページの内容が色覚異常の方でも容易に読み取れるよう、ホームページの配色を簡易的にチェックします。
- 下記の入力欄に背景および文字の色コードを入力し“チェックボタン”をクリックしてください。
チェック結果の表示
- 指定色
■ご指定の色は、このように表示されます。 ■下記判定結果を参考に、誰もが読み取れるような背景と文字の色を設定してください。 |
- 明度差および色差判定結果
背景明度
|
文字明度
|
明度差
|
結果
|
●明度差は(125)以上必要です。
|
赤色差
|
緑色差
|
青色差
|
総合色差
|
結果
|
●色差は(500)以上必要です。
|
- グレイスケールでの見え方
■グレイスケールではこのように見えます。
|
- 色覚異常の見え方
■第1色盲の人の見え方
|
■第2色盲の人の見え方
|
■第3色盲で人の見え方
|
ご注意
- チェックの計算はJavscriptを使っています。利用される場合はJavscriptを有効にしてご利用ください。
- IE4およびN4以前のブラウザは、スタイルシートの機能を外していますので、本チェックは正常に動作しません。
- チェック基準は、W3CのテクニカルレポートTechniques For Accessibility Evaluation And Repair Tools W3C Working Draft, 26 April 2000に基づいています。
- 色覚異常の見え方は、BTexact TechnologiesのColour transformationsに基づいています。
- セーフカラー以外を指定した場合の色覚異常の見え方は、指定色を最も近いセーフカラーに変換した近似色で選定しています。
- 本チェックは簡易チェックです。実際の見え方は、人により色覚の違いがあるため上記の結果どおりとは限りません。