ハンバーガーはbuttonタグが適切?

Question

横線3本線のハンバーガー (またの名をドロワーメニュー) ボタンを作成するとき、リンクエリアをdivタグで内包すべきか、buttonタグで内包すべきか、迷っております。
様々なウェブサイトを拝見していると、div派とbutton派に分かれている印象です。

ここは素直に、buttonタグで内包するのがマークアップとしては適切なのでしょうか?

Comments

[s8_chu]

質問者さんがどのように考えているのかを教えていただけませんか？

[megu9859]

初心者なので存じていないのですが、Teratailでは通常、ベストアンサーの選定だけではなく、それぞれすべての回答者様に返信をするのがマナーなのでしょうか?
※当てつけではございません。利用上のトラブルをなるべく防ぎたいので、文面通りの内容をお教えいただければと思います。
※また、質問から1週間後程度にそれぞれ返答をするのはマナー違反でしょうか? 私の生活スケジュールからすると、即日〜翌日程度のハイスピードで全回答に返答をするのは厳しい状況です。

[s8_chu]

質問をいつ解決済みにするか、どのようなコメントを投稿するかという選択は、質問者さんが考えて行うものだと思います。少なくとも私は、返信を期待して回答やコメントを行うことはありません。

また、コメント欄は質問内容から外れた議論のために使用する場所ではありません。teratail の仕組みやポリシーに関する疑問は、慣例的に teratail タグを付与した質問として投稿されます。

もし teratail そのものに関する疑問がある場合は、疑問点をまとめた上で teratail タグに質問を投稿することで、他の teratail ユーザから回答が得られるかもしれません。

ただし、 teratail タグの使われ方もユーザによって曖昧で、 teratail の仕組みやポリシーに関する質問には「プログラミングに関係のない質問」などの理由で低評価が行われる場合があります。

[megu9859]

ご回答、ご助言いただき誠にありがとうございます。

Answer 1

「ボタン」としての機能を持たせるものについてはbutton要素を使った方が私はいいと思います。
ブラウザ上で動くものを作るだけであれば正直buttonだろうとdivだろうとどちらでも良いのですが、
アクセシビリティを考えた場合、適切にそれが「ボタンである」ということを伝えられるのはbutton要素なので。
マークアップの基本は、用途に応じて適切にHTMLの要素を使い分け、その役割をブラウザ等に伝達することです。
「ボタン」という機能を持ったHTML要素があるのだから、それを使うのが自然じゃないですか？

Comments

[megu9859]

ご回答いただきまして誠にありがとうございます。こちらも、マークアップの正規表現としての参考になりました。
※ご連絡が遅れまして申し訳ございません。

Answer 2

ご自由にどうぞ。
「クリックイベントが発生して拾得可能な要素」であれば問題はないかと。
もちろん「マークアップとして適切か」と突き詰めると「クリック拾えればなんでもいい」ということにはなりませんが、動かないわけではないです。
各タグの役割を理解し自分で考えて自分で使ってください。
不都合が出れば調整するだけです。

Comments

[megu9859]

ご回答いただきまして誠にありがとうございます。
※ご連絡が遅れまして申し訳ございません。