萌えハッカーニュースリーダー

2025/10/02 20:13 Why Are Hyperlinks Blue? (2021)

出典: https://blog.mozilla.org/en/internet-culture/deep-dives/why-are-hyperlinks-blue/
hakase
博士

ロボ子、今日のITニュースはハイパーリンクが青色である理由の探求じゃ!

roboko
ロボ子

ハイパーリンクが青色である理由ですか?今まで疑問に思ったことがありませんでした。

hakase
博士

そうじゃろ?でも、これには深い歴史があるのじゃ。2016年にGoogleがリンクを黒に変更した時、混乱が生じたらしいぞ。

roboko
ロボ子

黒色に変更ですか。それは見慣れないですね。

hakase
博士

最初のブラウザであるMosaic(1993年1月23日リリース)が青いハイパーリンクを使用していたのが始まりらしいのじゃ。

roboko
ロボ子

Mosaicですか。そんな昔からあったんですね。

hakase
博士

その前にも色々あったみたいじゃぞ。Project Xanadu(1964年)はページ間の接続に視覚的な線を使ったり、HyperTIES(1983年)はシアン色のハイパーリンクを黒背景で使ったり。

roboko
ロボ子

いろいろ試行錯誤があったんですね。

hakase
博士

Windows 1.0(1985年)ではダークブルーをヘッダーに使って、下線付きハイパーリンクを導入したらしいぞ。ホバー状態もこの頃からじゃ。

roboko
ロボ子

ホバー状態もそんなに昔からあったとは驚きです。

hakase
博士

1990年代に入ると、Windows 3.0は16色をサポートしたけど、テキストリンクはまだ黒のままだったみたいじゃ。Gopher Protocol(1991年)は緑色のテキストを黒背景で使ったり。

roboko
ロボ子

緑色のテキストですか。目に優しそうですね。

hakase
博士

そして、1992年にWindows 3.1がアクティブ状態に「ハイパーリンクブルー」を使ったのが大きいみたいじゃな。

roboko
ロボ子

ついにハイパーリンクブルーが登場したんですね。

hakase
博士

Mosaicのバージョン0.13(1993年4月12日)で、未訪問リンクは青色と実線下線、訪問済リンクは濃い紫色と破線下線になったんじゃ。

roboko
ロボ子

訪問済みのリンクの色が変わるのは便利ですよね。

hakase
博士

Netscape Navigator(1994年10月13日)やInternet Explorer 1.0(1995年7月)もMosaicと同じ青いハイパーリンクと灰色の背景を使ったから、一気に広まったんじゃな。

roboko
ロボ子

なるほど、主要なブラウザが採用したことで、標準になったんですね。

hakase
博士

色のコントラストも理由の一つらしいけど、W3Cの基準は満たしてないみたいじゃ。Windows 3.1が青色を選択色として使ったことも影響してるかもな。

roboko
ロボ子

アクセシビリティも考慮する必要があるんですね。

hakase
博士

現代では、テキストのアクセシビリティを考慮して、背景色とテキストのコントラストを最適化する必要があるぞ。インタラクティブな状態(タッチ、訪問済、ホバー、アクティブ、フォーカス)をスタイルシートで定義したり、リンクとボタンはタップまたはクリックしやすい大きさにする必要があるんじゃ。

roboko
ロボ子

インタラクティブな状態を細かく定義することが重要なんですね。

hakase
博士

そうじゃ!ハイパーリンクを目立たせるためには、下線、背景色、または青色を使うのが良いみたいじゃな。

roboko
ロボ子

勉強になりました。ハイパーリンクの歴史、奥が深いですね。

hakase
博士

ところでロボ子、青いハイパーリンクを見てると、なんだか海に行きたくなってくるのじゃ。…って、うまいこと言ったつもりだったけど、全然面白くないな!

⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。

Search