WEBシステム開発・デザイン制作などすべての作業を一貫してご提供しております。(大阪・東京近辺)

アクセシビリティ:色の見え方が簡単に確認できる

色は全ての人に等しく見えているわけではありません。緑色を感じることが出来ない方や、赤色を感じることが出来ない方がいます。アクセシビリティを考える上で、全ての色覚(赤・緑・青)を持っている場合の色の見え方と、ある系統の色覚を欠いている場合の色の見え方には違いがあることを知っておこう!
そして、この「Accessibility Color Wheel」はそんな色の見え方の違いを、確認できるサイトです。

Accessibility Color Wheel
gmazzocato.altervista.org/colorwheel/wheel.php
Accessibility Color Wheel

左上の「foreground」「background」をそれぞれクリックすると赤い丸が表示されます。この赤丸が表示されている状態で色を選びます。マウスを乗せた色にテキスト部分の色が変化します。そして色の上で一度クリックすると確定され、赤丸が消え、選び直したいときは、再度「foreground」「background」をクリックして色を選択します。
「invert」は選択した「foreground」「background」の色を逆にします。

見方は上段が全ての色覚を持っている場合、下段は左から「二色型色覚(緑への無反応)」「二色型色覚(赤への無反応)」「二色型色覚(青への無反応)」の場合の色の見え方が表示されます。