Wikipedia:色 の使用
この |
この
|
また、これらの
したがって、
中立 性 ・正確 性 と色 の関係
強調 効果
テキスト
分類 効果
また
意味付 け効果
しかし、
また、
色 を唯一 の表現 としない
こうした
ただし
アクセントカラー | ベースカラー | ||||
---|---|---|---|---|---|
カラーコード | カラーコード | ||||
#ff4b00 | |||||
#fff100 | クリーム | #ffff80 | |||
#03af7a | #77d9a8 | ||||
#005aff | #d8f255 | ||||
#4dc4ff | #bfe4ff | ||||
ピンク | #ff8082 | #ffcabf | |||
オレンジ | #f6aa00 | ベージュ | #ffca80 | ||
#990099 | #c9ace6 | ||||
#804000 | |||||
#ffffff | #c8c8cb | ||||
#000000 | グレー | #84919e |
コントラスト比 を高 くする
一般 的 には7:1以上 - テキスト
文字 やテンプレート、あるいは文字 情報 が含 まれる画像 は、背景 色 と文字 色 のコントラスト比 が 7:1以上 あるべきです[注 9][注 10]。コントラスト比 を確認 する際 には、デフォルトの黒文字 だけでなく青 リンクや赤 リンク、茶 リンクも試 します。将来 的 に記事 が加筆 修正 され、黒文字 からリンク色 に置 き換 わる可能 性 があるためです。 大 きい文字 は4.5:1以上 大 きい文字 は、その大 きさのおかげで小 さな文字 より見 やすいため、コントラスト比 の要件 は緩和 されます。しかしウィキペディア上 では見出 しであっても「大 きい文字 」の定義 に該当 しないため、この緩和 要件 が適用 されるケースは極 めて稀 です。大 きい文字 のコントラスト比 は一般 的 には 4.5:1以上 、合意 がある場合 でも少 なくとも 3:1以上 にしてください[注 11]。署名 の色 は4.5:1以上 登録 利用 者 は署名 を変更 できますが、デフォルトの白 背景 (#FFFFFF)に対 しコントラスト比 が 4.5:1以上 になるようにしてください。- デフォルト
以外 の外装 への配慮 - 「Help:
外装 の詳細 設定 」も参照 - ウィキペディアのサイトを
閲覧 する際 の外装 (スキン) は個人 設定 で変更 でき、6種類 あります。それぞれ外装 の色 が違 いますが、上記 のコントラスト比 要件 は、デフォルトのベクター外装 を基準 としています。
例外 と色 変更 の手続
半 公共 的 なテーマカラー私営 鉄道 ・バスなど、公共 性 の高 いサービスを営利 私企業 が運営 している場合 、テーマカラーによる分類 が広告 宣伝 とみなされるか線引 きが曖昧 です。しかし色 の強調 効果 の観点 から、不 必要 な場所 に着色 してページ全体 の重 みづけを崩 さないことが何 より重要 です[注 12]。学会 や公共 機関 によって推進 される研究 プロジェクトなどで慣例 的 に使用 されている分類 色 も同様 です。これら分類 色 の一部 は、アクセシビリティやコントラスト比 の基準 を満 たしていないため、注意 が必要 です[注 13]。- コントラスト
比 の基準 緩和 - テキスト
文字 と背景 色 のコントラスト比 を 7:1以上 に保 つには現実 的 には難 しい場合 もあります。ウィキプロジェクトでの合意 が得 られた上 であれば[注 14]、変更 することができます。ただしデフォルト色 以外 への変更 は、記事 の情報 を増 やしたり正確 性 を増 すのにどうしても必要 であり、かつ他 に代替 がない、という場合 のみに限 られます。コントラスト比 緩和 の限度 は 4.5:1 までです。 背景 色 が白 (#FFFFFF)以外 の画像 - このような
画像 にテキスト文字 を挿入 する場合 、中立 性 の観点 やアクセシビリティ、コントラスト比 の考 え方 を遵守 した上 で、文字 色 を黒 (#252525) から別 の色 に変更 することができます。特段 の合意 形成 は不要 です。 不適切 な色 使用 の差戻 仮 に本 ガイドラインから逸脱 した不適切 な記事 を見 つけたからといって、すぐさまデフォルト色 に戻 すのも実践 的 な編集 とは言 えません。デフォルト色 に戻 すことにより、これまでの自分 の努力 を否定 された、あるいは重箱 の隅 を突 く取 り締 まり行為 だと感 じる編集 者 もいるかもしれません。またデフォルト色 に戻 すのではなく、薄 い背景 色 に変更 してコントラスト比 を高 めるに留 めるべきだと考 える人 もいるでしょう。まずは同様 の色 使 いの記事 がないか、関連 記事 やテンプレートも確認 します。その上 でウィキプロジェクトで提案 [注 14]し、デフォルト色 に戻 すべき理由 を説明 することが肝要 です。不測 のケース本 ガイドラインに定義 されていないケースに遭遇 して判断 に迷 う場合 は、色 以外 のウィキペディア方針 やスタイルマニュアルなどのガイドラインを参照 し、色 の使用 にも同 じ考 え方 を援用 できないか検討 します。その上 で色 の変更 が必要 と判断 されれば、ウィキプロジェクトで提案 [注 14]できます。
脚注
注釈
- ^ WCAG[1]はウェブ・アクセシビリティに
関 する世界 的 なガイドラインで、標準 化 団体 のWorld Wide Web Consortium (W3C) によって策定 されています。 - ^ ナビボックスやサイドバーはモバイルビューおよびモバイルアプリでは
表示 されません。このモバイル設計 思想 からも、優先 度 が相対 的 に低 いナビボックスやサイドバーの色 を変更 することは推奨 されません。 - ^ テキスト
文中 に太 文字 を多用 し過 ぎると、強調 効果 を失 うのと似 ています。 - ^ マジカルナンバー
提唱 者 のジョージ・ミラーは7±2としていましたが、心理 学者 ネルソン・コーワンの2001年 発表 によると4±1(3~5つ)が限界 だとされています[2]。 - ^ a b c WCAG 2.0では
適合 レベルをA (最低 レベル)、AA、AAA (最高 レベル)の3段階 に分類 している。 - ^ 「1.4.1
色 の使用 :情報 を伝 える、何 が起 こるかあるいは何 が起 きたかを示 す、ユーザの反応 を促 す、あるいは視覚 的 な要素 を区別 する唯一 の視覚 的 な手段 として、色 のみを使用 しない。(レベル A[注 5])」[3] - ^ ただし、
青 リンクや赤 リンクのように、MediaWikiの仕様 により色 が情報 を伝 える手段 となっている場合 は除 きます。 - ^
斜体 は一部 の日本語 環境 では機能 しないため、使用 を推奨 していません。詳細 はHelp:ページの編集 #太字 ・斜体 を参照 してください。 - ^ 「1.4.6 コントラスト (
高度 ):テキストおよび画像 化 された文字 の視覚 的 な表現 には、少 なくとも 7:1 のコントラスト比 がある。(レベル AAA[注 5])」
「1.4.3 コントラスト (最低限 ):テキストおよび画像 化 された文字 の視覚 的 な表現 には、少 なくとも 4.5:1 のコントラスト比 をもたせる。(レベル AA[注 5])」WCAG 2.0(W3C勧告 )日本語 訳 [3] - ^ ただし、
背景 色 と文字 色 の両方 がMediaWiki、または外装 のデフォルト設定 のままである場合 はその限 りではありません。これは、編集 者 がそれらの色 を変更 することが難 しく、また個別 ページの編集 ではなくMediaWikiの仕様 変更 で対応 すべき事柄 であるためです。 - ^ 「1.4.6 コントラスト (
高度 ):[中略 ]大 きな文字 :サイズの大 きなテキスト及 びサイズの大 きな文字 画像 に、少 なくとも 4.5:1 のコントラスト比 がある。」
「1.4.3 コントラスト (最低限 ):[中略 ]大 きな文字 :サイズの大 きなテキスト及 びサイズの大 きな文字 画像 に、少 なくとも 3:1 のコントラスト比 がある。」
「サイズの大 きな(テキスト):少 なくとも18ポイント、又 は14ポイントの太字 。あるいは、中国 語 、日本語 、及 び韓国 語 (CJK) のフォントは、それと同等 の文字 サイズ。」WCAG 2.0(W3C勧告 )日本語 訳 [3] - ^
色 の過剰 なマークアップを禁 じた例 として、プロジェクト:鉄道 があります。 - ^
国際 層 序 委員 会 による地質 系統 ・地質 年 代表 (International Stratigraphic Chart) 2015年 1月 版 [5]に基 づき、記事 ページ地質 時代 は作成 されていますが、アクセシビリティやコントラスト比 の要件 を満 たしていません。 - ^ a b c
該当 するウィキプロジェクトがない場合 、記事 のノートページで提案 し、Wikipedia:コメント依頼 などを活用 して十分 な告知 を行 ってください。
出典
- ^ “Web Content Accessibility Guidelines (WCAG) Overview” [ウェブコンテンツ・アクセシビリティガイドライン (WCAG) の
概要 ] (英語 ). 2017年 1月 14日 閲覧 。 - ^ Cowan, Nelson (2001). “The magical number 4 in short-term memory: A reconsideration of mental storage capacity”. Behavioral and Brain Sciences 24: 1–185. doi:10.1017/s0140525x01003922. PMID 11515286.
- ^ a b c “Web Content Accessibility Guidelines (WCAG) 2.0 | W3C
勧告 2008年 12月11日 ”.情報 通信 アクセス協議 会 . 2018年 1月 14日 閲覧 。 “この文書 は、2008年 12月11日 付 の W3C勧告 「WCAG 2.0」 (原文 は英語 )を、情報 通信 アクセス協議 会 の「ウェブアクセシビリティ基盤 委員 会 (WAIC)」が翻訳 と修正 をおこなって公開 しているものです。この文書 の正式 版 は、あくまで W3C のサイト内 にある英語 版 であり、この文書 には翻訳 上 の間違 い、あるいは不適切 な表現 が含 まれている可能 性 がありますのでご注意 ください。” - ^ カラーユニバーサルデザイン
推奨 配色 セットガイドブック (PDF) - ^ International Stratigraphic Chart 2015
年 1月 版 (PDF)
関連 項目
- Help:
配色 のコントラスト比 -色覚 異常 のタイプ別 にコントラスト比 の違 いを解説 - Help:
色 の使用 -色相 のパレットなど、色 を変更 する際 の実務 的 な手引 き - Template:
色 の使用 -色覚 異常 への配慮 に欠 ける記事 に貼付 - Template:
色 - デバイス依存 で色 が適切 に表示 されない記事 に貼付 - Category:
読 みにくい可能 性 があるナビゲーションテンプレート - メンテナンス用 カテゴリ - en:Category:Accessibility issue tracking categories - アクセシビリティに
問題 のあるページ一覧 - Help:
携帯 端末 でのアクセス
以下 は配色 に関 する私論 です。-
- Wikipedia:アクセシビリティ#
色 -色 使用 の概論 のみ (方針 やガイドラインとして提案 中 ) - Wikipedia:
色 のコントラスト - Help:配色 のコントラスト比 とほぼ内容 重複 - Wikipedia:テンプレートの
色 で編集 合戦 をしない -色 の編集 合戦 の実例 も紹介 - Wikipedia:
配色 の変更 は控 えめに -本 ガイドラインとほぼ内容 重複 - Wikipedia:
配色 の変更 の有用 性 -本 ガイドラインの方向 性 と反 する私論
- Wikipedia:アクセシビリティ#