html - インタラクション用に作成されていない要素にインタラクションを追加するのは悪い習慣ですか？

Question

これをどのように表現すればよいかわからなかったので、タイトルは少しわかりにくいです。

のような要素<a>/<button>/etcはユーザーインタラクションのために作成されたのに対し、他の要素<div>/<li>/etcは構造/組織のために作成されたと感じています。<li>内のボタンやリンクを使用するのではなく、要素でJSを介してユーザーインタラクションを作成することは悪い習慣<li>ですか？

それは悪い習慣だと思いますが、私の主張には裏付けがありません。

Answer 1

非対話型の要素よりも「対話型」の要素を好む唯一の理由は、フォールバックを計画している場合です。Javascriptが無効になっているクライアントでサイトを表示する場合でも、リンクとボタンはクリック可能であり、これによりフォールバックを提供できます。<li>ただし、タグやその他の「非対話型」要素は、可能な限り無生物になります。

これが問題ではない場合、またはアプリケーションがJavascriptなしで存続できる方法がない場合は、心配する必要はありません。