:hoverの誤用について - yuhei blog

ある要素がマウスオーバーされたことを伝える。それ以上の役割を:hoverに紐付くスタイルに持たせるべきではない。マウスオーバーするまでその要素のインタラクションがわからないデザインにしてはいけないのだ。 マウスオーバーするまでその要素がリンクであるという確信が持てないデザインによく遭遇する。それが本当にリンクであるか確かめるためには、わざわざマウスカーソルを移動させて試してみるしかない。スマホではタップだ。もし、ただのテキストだと期待して誤操作すれば、ページを戻る操作も必要になるかもしれない。 :hoverのスタイルを指定できることを拠り所にしてしまい、通常状態ではその振る舞いを期待させられる見た目になっていないことがよくある。しかし、マウスオーバーするということはインタラクションコストが掛かるということだ。また、:hoverによって何かしらの手掛かりが得られるかもしれないということにすら

[popup-desktop]

「:hoverのスタイルに振り回されることでそれ以外の部分に悪影響が及ぶのであれば、むしろ僕は積極的に:hoverをやめてしまうことを提案したい。」

[rryu]

もう本文内リンクは廃止してリンクはリンクがありそうな場所にだけ置くようにすればマウスオーバーは単なる装飾に成り下がるので色々解決すると思う。

[manabuyasuda]

リンクの初期状態で下線をつけるのは根拠があってのことで定石。あえて外す理由を聞いてみたい。おそらく感覚的なところが多いと思うけれど。

[minimalgreen]

リンクは下線ありにした方が良いかなあ。アイコンつけるって手もあるけど。