開閉パネルは必ずCSSで

PCサイトでマウスオーバーした際に、下層、さらに下層へと、リンクが表示されるサイトがあると思います。このようなサイトでは、PCのみのWebサイトでは閲覧することができても、タッチデバイスにはマウスカーソル・マウスオーバーなどの概念がないため、原則実装することができません。同じような効果を見せることは不可能ではありませんが、jQueryなどのスクリプトに頼ることになってしまいます。そもそも、JavaScriptよりもCSSでの表現方法を選択した方が、検索エンジンも理解しやすいため、リスク回避という観点からも無難です。

ユーザー回線で考えた際に、スペースの限られているスマートフォンではアコーデイオンなどのCSS仕様の開閉パネルがベストです。欲しい情報に早くたどり着くために、またストレスなく見てもらうためにも必要となる手法です。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です