Help:リンク色

ウィキペディア内のリンク色は、リンク先の状態によって変わります。初期設定では個人設定で外装にベクターが適用されており、それぞれ色の意味は下表のようになっています。

上表の四角内の見本色は、実際の文字色よりもいくらか濃く見えます。同様に、大文字や太字は濃く見えます。

また、実際の表示色は、各利用者の利用環境(OS、ブラウザ、モニター)などの設定によっても違って見えますし、液晶画面の場合には見る角度によっても異なって見えるでしょう。アカウントを取得すると、個人設定を利用して表示色などをカスタマイズすることもできます。

ログインユーザーの場合、CSSの知識があれば、個人設定を修正してリンク色をカスタマイズすることができます。この変更は、あなたがウィキペディアのどのページを閲覧するときも適用になりますが、他の利用者には影響はありません。

CSSでのリンク色は次のようになっています。

• a:link — 通常リンク(未訪問)
• a:visited — 通常リンク(訪問済)
• a:active — アクティブリンク
• a:hover — ホバー中のリンク

• ※(注記)「アクティブ」や「ホバー」は、そのリンク上にマウスを重ねたりクリックした際の挙動を示します。タッチスクリーンの場合などには指定しても意味がありません。
• ※(注記)色の指定は16進数で行います。ウェブカラーを参照してください。

実際のCSSは以下のようになっています。

/* standard link colors */
.mw-bodya:link{color:#0000FF;}/* normal unvisited links */
.mw-bodya:link:visited{color:#0B0080;}/* visited links */
.mw-bodya:link:active{color:#FF0000;}/* active links */
.mw-bodya:link.new{color:#FF0000;}/* new links */
.mw-bodya:link.interwiki{color:#3366BB;}/* interwiki links */
.mw-bodya:link.external{color:#3366BB;}/* external links */
.mw-bodya:link.stub{color:#772233;}/* hovered links */
.mw-bodya:link{color:#FF0000}
.mw-bodya:visited{color:#00FF00}
.mw-bodya:hover{color:#FF00FF}
.mw-bodya:active{color:#0000FF}

注意点:

• 「a:hover」より先に「a:link」と「a:visited」を定義する必要があります。
• 「a:active」より先に「a:hover」を定義する必要があります。
• 冒頭に「.mw-body」が必要です。

リダイレクト

リダイレクトは緑色のリンクで表示されています。

.mw-bodya.mw-redirect{color:#308050}
.mw-bodya.mw-redirect:visited{color:#3070A0}

外部リンク

.mw-bodya.external{color:#008000}
.mw-bodya.external:visited{color:#008000}

• Wikipedia:色の使用

• Wikipedia:テンプレートの色で編集合戦をしない
• Wikipedia:配色の変更は控えめに - Wikipedia:配色の変更の有用性

• Help:色の使用

• Help:配色のコントラスト比

• ウィキペディアの手引き書
• ウィキペディアのアクセシビリティ