マウスオーバーをしないでリンクを強調表示する方法は？

Question

私は新しいウェブサイトでほとんど終わりました。私は、始める前にここでいくつかの改善を行うことができたと思いました。私を悩ますことの1つは、リンクが何らかの形で下線が引かれたり強調表示されたりしないという事実です。それは大丈夫です、私はそのようにしたいです。しかし、私はいくつかのリンクが気付かれないか、より顕著な機能の隣で完全に消えるかもしれないことを恐れています。

私は、ユーザーに下線を引かないでリンクに気付かせる方法があるかどうか疑問に思っていました/それを永久に変えてください。私は例えば考えていた。アンダースコア/アンダーラインを10秒ごとに（またはランダムに）点滅させるか、色を数秒ごとに少し変えて変更します。ユーザーのエンゲージメント（ホバーオーバー）の必要なしにすべて。ページを見ると、ユーザーがリンクに気付くのを助けるためにある程度の動き/変化があるはずです。

私はあなたが私が意味するものを得ることを願っています。私は熟練者ではありません。もし誰かがスクリプト/チュートリアルのようなものを指すことができたら、私は何か感謝します。私はグーグルで遊んでみましたが、何か役に立つものを考え出すことができませんでした。

ありがとうございます！

Answer 1

私はこれが悪いと思う、より良いユーザーエクスペリエンスのためにホバーを使用するか、リンクを認識しやすいようにデフォルトでアンダーラインを追加する必要があります。

とにかくこれを行うには、あなたのウェブサイトにjavascriptが必要です。 以下を試すことができます。

var links = document.querySelectorAll("a") 
 

 
setInterval(function() { 
 
    for (var i = 0; i < links.length; i++) { 
 
     var link = links[i] 
 
     
 
     link.classList.toggle("toggled") 
 
    } 
 
}, 1000)

a { 
 
    text-decoration: none; 
 
    color: blue; 
 
} 
 

 
a.toggled { 
 
    color: green; 
 
}

<h1>Hello</h1> 
 
<a href="#">This is a link!</a> 
 
<p>Some text</p> 
 
<a href="#">This is another link!</a>