第6講

色を見たことがない人への色の説明

色は、単なる飾りではありません。見える人にとって、色は分類、警告、安心感、ブランド印象を素早く伝える記号です。

色を感覚ではなく役割で理解する

色を見たことがない人に対して、「赤はこのように見える」「青はこのように見える」と説明しても、実感にはつながりにくいです。そこで、この教材では色を役割で説明します。

色は、音声でいえば声の調子、文章でいえば語気や記号に近い働きをします。同じ文章でも、強い調子で言うか、落ち着いた調子で言うかによって印象が変わるように、同じ文字でも色によって印象が変わります。

色	よく使われる意味	実務上の注意
赤	危険、警告、エラー、重要、停止、緊急	強い印象を与えるため、多用すると圧迫感が出ます。エラー表示では文字説明も必須です。
青	信頼、冷静、情報、公共性、リンク	会社サイト、行政、医療、IT系で安定した印象を作りやすい色です。
緑	成功、安全、許可、完了、自然	完了メッセージや安全な状態の表示によく使われます。
黄色	注意、確認、軽い警告、目立つ補足	背景に使う場合、文字とのコントラスト不足に注意します。
黒	正式、重み、高級感、強さ	多く使うと重く硬い印象になります。
白	清潔、余白、軽さ、簡潔さ	余白として使うと読みやすさを作りますが、空きすぎると間延びします。
灰色	控えめ、補足、無効、背景、境界	薄すぎる灰色文字は読みにくくなります。無効ボタンの表現にも使われます。

色は便利ですが、色だけに意味を持たせてはいけません。例えば、エラーを赤文字だけで示すと、色を認識しにくい人、スクリーンリーダー利用者、印刷環境によっては意味が伝わりません。

よい例「入力内容に誤りがあります。電話番号を入力してください。」と文章で伝え、その補助として赤系の色を使う。

悪い例エラー箇所を赤くするだけで、何が問題かを文章で説明しない。

1つのページに多くの色を使うと、どれが重要なのか分かりにくくなります。基本色、補助色、強調色、背景色、文字色を決めて使い回すと、統一感が出ます。

見える人にとって、色の統一感は「このサイトはきちんと管理されている」という印象につながります。逆に、ページごとに色がばらばらだと、古い、雑、信頼しにくいという印象を与えることがあります。

課題見える人に、あなたが作ったページについて「色数は多すぎないか」「一番目立つ色は何に使われているか」「警告や成功の色は意味と合っているか」を聞いてください。

色を見たことがない人にとって、「赤は熱い」「青は冷たい」という説明は、実感としては分かりにくい場合があります。教材では、色を感覚ではなく、社会的な役割として扱います。

色の分類	よく使われる役割	制作時の注意
赤系	エラー、危険、警告、強い注意、緊急性	赤だけで意味を伝えず、「入力内容に誤りがあります」などの文字を必ず添える。
青系	信頼、落ち着き、公式感、リンク、情報	青い文字はリンクに見えやすい。リンクでない文字に使いすぎると誤解を招く。
緑系	完了、成功、安全、許可、前向きな状態	成功表示では「保存しました」などの文言を併記する。
黄・橙系	注意、保留、軽い警告、目立たせたい補足	背景に使うと目立つが、多用すると落ち着きがなくなる。
白・薄灰	余白、清潔感、軽さ、背景、区切り	白が多いことは空白ではなく、読みやすさを作るための余地である。
黒・濃灰	本文、強さ、正式さ、重み	背景まで黒くすると強い印象になる。業種に合うか確認が必要である。

講義の要点色は「どんな色か」よりも、「どの役割に使われているか」で理解する方が実務的です。全盲の制作者は、色名を記憶するより、赤は警告、青は情報、緑は成功などの使われ方をまず押さえると判断しやすくなります。

目視確認者には、「色はきれいですか」ではなく、次のように聞くと具体的な返答が得られます。