ホバーしたときに対象の要素の透明度を上げるのは何故？

回答

• 人間2019/08/16 18:13

  あくまで仮説に過ぎないですが：

  1. デザイナーが hover など UI ステートのデザインを忘れていたので実装側で対応した
  2. 透過だと別の UI アセットを用意する必要がないので作り手にとって手間が省けた
  3. CSSの透過効果は古い IE をはじめ広くブラウザサポートがあるだけでなく、JavaScript を使う必要がなかった

  個人的な見解は「作り手都合でやっている」ではないかと思います。おっしゃる通りコントラスト比が担保されていないケースも見かけますし、透過という認知が難しいエフェクトにエフェクトとしての意味があるのかという疑問が残ります。

  では、デザイナーや実装者が悪いのかというと。そう言い切れないと思います。 UI ステートの指示がされていたのか。設計時にどういうインタラクションがあるのかといったプロジェクトメンバーとのコミュニケーションが足りていなかった可能性もあります。タッチデバイスの操作が当たり前になっている現在、hover がどれだけ重要なのか何とも言えないですが、UI に触れたり操作したときのエフェクトは忘れないようにしたいですね。

  なるほど （4）