クリック可能な箇所でa要素を使用しない時に気をつけたい3つのポイント

Post on:2011年8月26日

sponsors

リンクではない、例えばJavaScriptを埋め込むなどのクリッカブルな箇所でアンカーリンクを使用しない時に気をつけたい3つのポイントを紹介します。

[ad#ad-2]

下記は各ポイントを意訳したものです。

a要素は、いつ使うべきでしょうか。
私はそれがクリック可能である時に、a要素を気前よく使用していました。しかし、a要素の定義を考えてみると、セマンティックではない使い方をしている場合があるのではないかと思いました。

例えば、Gmailのソースを調べてみると、クリック可能な大部分の箇所はdiv要素を使用しています。これはJavaScriptのイベント用のもので、a要素を使用すべきではないものです。

では、そのa要素を使用しない場合、ユーザーにそれがクリック可能であるように見せるために、どのようにしたらよいでしょうか。

[ad#ad-2]

各挙動は、デモページで確認できます。