ホバー状態を明確に
:LiTarget: 原則
クリック可能要素はホバーで色変化・カーソル変化。「押せる」を伝える。
:LiCheckCircle: Do（良い例）
a { transition: color .2s; } a:hover { color: var(—accent); }
:LiXCircle: Don’t（悪い例）
リンクなのにホバーで何も変わらない
ホバー状態を明確に
フィードバッククリック可能要素はホバーで色変化・カーソル変化。「押せる」を伝える。
Do 良い例
a { transition: color .2s; } a:hover { color: var(--accent); }
Don't 悪い例
リンクなのにホバーで何も変わらない