7

Web ページのリンクの色と通常のテキストのコントラストに関するベスト プラクティスやガイドラインはありますか?

テキストと背景の色に言及するコントラストのガイドラインがあることは知っていますが、プレーン テキストとリンク テキストの間に存在すべき最小の色の違いに関するガイドラインがあるかどうかも疑問に思っています。

たとえば、背景は白 (FFF)、テキストの色は黒 (000)、リンクの色は緑 (007C41) です。

編集：

ある程度は個人の好みによると思います。ただし、私の目は #000000 と #000001 の違いを見分けることができるかもしれませんが (そうではありませんが、議論の都合上)、他の目では見分けられません。私が疑問に思っているのは、最小の色の違いがどうあるべきかに関するアクセシビリティのガイドラインがあるかどうかです.

4

4 に答える 4

5

リンクについて教えられた唯一のガイドラインは次のとおりです。

  • リンクであることを明確にします。ユーザーがクリックしたくないものをクリックするようにだますようなことはしないでください。
  • ページ上の他のテキストとは異なることを明確にしてください。これは、ユーザーがクリックしたいと思っていたリンクを見逃すことがないようにするためです。
  • 何年も前に、私はすべてのリンクに下線を引くべきだと教えられました。明らかに、私たちの最愛のSOを含む多くの人はそうしません. 現在、多くの人が、ホバーしたときにのみリンクに下線が引かれることを支持しています。
于 2013-09-25T22:58:06.557 に答える
4

ブラウザに色覚異常エミュレータ プラグインがあることを確認してください。色相の変化を区別できないことは、やや一般的な状態です。特定のタイプの色覚異常では、何が「違う」ように見えるかがはっきりしない場合があります。

色覚異常に対処したら、一般的な意味を持つ色 (赤、黄、緑) が適切または中立的な状況で使用されるようにします。たとえば、「サインアップしてください！」テーマの一部であることが非常に明確でない限り (たとえば、すべてのリンクが赤であるなど)、リンクを赤 (危険、重大) にするべきではありません。「削除」リンクはおそらく決して緑色であってはなりません。

適切な色の褒め言葉に慣れておくことは価値があります。読みやすく使いやすいサイトを作ったとしても、人々は色によって反応が異なります。一部の色/色の組み合わせは、単純に他の色よりも「よく見える」ものであり、多くの場合、単純な数学的理由があります。

于 2013-09-26T02:18:03.227 に答える