Webページ上のすべてのリンクに下線を付ける必要がありますか?
-
03-07-2019 - |
質問
すべてのリンクにリンクのように見せるためにすべてのリンクに下線を付ける必要があるという規則がありますか?たとえば、フッターに下線付きのリンクがないサイトをたくさん見ました。
解決
ルールはありませんが、ユーザーが期待するとおりにデザインを機能させるのは良いデザインです(ほとんどのユーザーは、テキスト内のリンクに下線が引かれることを期待しています)。したがって、それらに下線を付けない場合は、外観が明らかにクリック可能であることを確認してください。参照: http://www.useit.com/alertbox/20040510.html
個人的には、テキストの下線が引かれていないリンクは我慢できません(スタックオーバーフローを参照)。クリック可能なものを確認するためにテキストをスクラブする必要はありません。
他のヒント
いいえ、リンクに下線を引くのは最近ではかなりひどいです。このサイトに下線付きのテキストがありますか?
ルールはありませんが、ウェブページ上のリンクが周囲のテキストから何らかの形で際立っている場合、サイトをナビゲートするのに役立ちます。これを行う便利な方法の1つは、下線を引くことです。そうすれば、好きなように色を付けることができますが、目立つでしょう。
たとえば Stackoverflow など。 = p
好きなことをしてください。個人的には、「ボタンらしい」下線のないきれいなリンクの外観が好きです。私のサイトで感じます。
リンクは通常のテキストと区別できる必要があります。それらに下線を引くことによって、または単に色を変更することによってそれを行う場合は、あなたの決定です。下線は古典的な方法です。
リンクに下線を付ける必要はありません-下線自体は読みにくく、継承したデフォルトの標準が悪いと主張します。
ただし、リンクは一貫性のあるである必要があります。言い換えれば、リンクの色やスタイルが何であれ、可能な限りサイト全体で同じ色やスタイルを使い続けます。あるものを赤でクリック可能にし、別のものを緑でクリック可能にしないでください。
そして、はい、時々スタックオーバーフローでこのルールを破ります。この質問のタイトルはクリック可能なリンクですが、リンクの色にはなっていないことに注意してください。
下線を使用することで私が見た最大の論点は(今までのように正確にどこにあるかを指摘できない)、アクセシビリティです。リンクの色を変更するだけで、色を見る特権を持つユーザーには十分かもしれませんが、色盲のユーザーには、他の差別化なしにリンクを見つけようとする際に極端な問題が発生する可能性があります。
下線は見た目はきれいではありませんが、上記のアクセシビリティやインスタントの「使い方を知っている」など、多くのプロにとってひどくはありません。下線がそれだけの価値がある要因。テキストの本文内のリンクに関するこれらのポイントについて説明します。メインサイトのナビゲーション、フッター、その他の非常に明白な場所では、もちろん自由にカスタマイズできます。
古いスレッドを復活させて申し訳ありませんが、下線付きのリンクの色盲の議論に誰も言及していないことがわかりました。
それは審美的な決定です-最もよく見えるのはあなた次第です。この種のことを定義するWeb標準はありません。
テキストがリンクであり、通常のテキストではないことをユーザーに提供できる他の視覚的なキューは何ですか?別の色、おそらくスタイルですか?
視覚的に下線は単純で普遍的ですが、厳密な規則はありません。それらを明らかにするだけです。
必ずしもそうではありませんが、ユーザーがリンクにカーソルを合わせると、代わりに下線が引かれます。そして、リンクは何らかの方法で目立つはずで、太字または別の色で表示されます。青は優れたハイパーリンクの色です。
「ルール」はありません。あなたは従わなければなりません。これは、これらの単語が実際にはリンクであることを人々に伝える一般的なインターフェイス規則です。下線を引かないことを選択した場合、明確でない場合は、どの単語がリンクであるかを他の方法で示す必要があります。
リンクがページ上でリンクとして明確である限り、大丈夫です。
例:
残りのテキストとは異なる色
ホバー時に色を変える
背景色を持つ
下線を付ける必要があるという厳格なルールはありませんが、リンクは通常のテキストに対して顕著な違いを示すべきであるという一般的な規則があります(また、常にリンクカーソル(「ハンド」カーソルなど)を表示する必要があります)。
ただし、ユーザーが下線の付いたリンクを、誰かが「リンク」と「期待」するものに適合しないものよりも速く認識することは一般に受け入れられています。
リンクは、マウスを画面上に移動することなく、区別可能かつクリック可能に見えるはずです。通常のレイアウトから離れたい場合は、技術に精通していない友人がいることをお勧めします。友人が考えていることを確認してください。問題や問題なくページ間を移動できる場合、ページは問題ありません。それ以外の場合は、アプローチを再検討する必要があります。見栄えの良いサイトを持つことは便利なことですが、使用できるようにすることは別のことです。
リンクに色付きのテキストのみを使用する場合、下線は不要になります。
デザインで高コントラストのリンク色が許可されていない場合は、下線を使用する必要があります。
本当に嫌いなのは、リンクではないテキストに下線を引くサイトです...しないでください。
ページの一貫性を維持する必要があります。1つのリンクに下線が付けられている場合、すべてのリンクに下線が付けられます。下線付きのリンクが気に入らない場合、大したことはありません。UIを改善するために、それらをすべて同じにしておくだけです。
すべてのWebデザインで重要なことは明快さです。リンクに下線を付けない場合は、少なくとも一貫したレンダリング方法(たとえば、バックまたはフォアカラー)と、ホバリングの下線、マウスアイコンの変更など、リンクがあることを示す直感的な視覚フィードバックをユーザーに提供する必要があります。または前の前部または後部の色の変更。
これらのことをテストする最良の方法は、モックアップを作成し、グラントを作成することです。彼女が初めて理解したなら、あなたはそれを明確にした!
ハッピーコーディング。
どちらの方法でも構いません。まあほぼ。
少なくとも、青い下線は、ユーザーがリンクとして識別する明確なシグナルです。よく確立された規則とブラウザのデフォルト。そのため、ほとんどのWebデザインの記事では、タイポグラフィ効果に下線を引かないようにアドバイスしています。
そして、私はリンクのように見えないリンクを嫌います。たとえば、最近、まったく同じフォントの黒いテキストと濃い灰色のリンク(またはその逆でしたか?)があるサイトを見つけました。リンクを見るのは難しかったです(マウスでスキャンしない限り!ack!)。
同様に、訪問済みリンクを未訪問リンクと区別できるようにすることをお勧めします。これは優れたナビゲーションヘルプです。
ページ上でそれらを目立たせることが有用なプロパティであるかどうかは本当に異なります。
たとえば、ウィキペディアは行を削除します。これはおそらく、デフォルトのままにするとページの半分に下線が引かれることを考えると、良いことです。
リンクとは何かが明らかである限り、下線付きのリンクを取り除くことは完全に受け入れられると思います。