Плохо ли добавлять взаимодействие к элементам, не созданным для взаимодействия?

Question

Я не знал, как это сформулировать, поэтому заголовок немного загадочный.

Мне кажется, что такие элементы, как <a>/<button>/etc, были созданы для взаимодействия с пользователем, в то время как другие, такие как <div>/<li>/etc, были созданы больше для структуры / организации. Является ли плохой практикой создание взаимодействия с пользователем через JS для элемента <li> вместо использования кнопки или ссылки внутри <li>?

Я чувствую, что это плохая практика, но у меня нет поддержки для моего аргумента.

Answer 1

Единственная причина, по которой вы можете предпочесть «интерактивные» элементы неинтерактивным, заключается в том, что вы планируете использовать запасной вариант. Если вы просматриваете свой сайт на клиенте с отключенным Javascript, ссылки и кнопки по-прежнему будут активными, и это позволит вам получить запасной вариант. <li> теги и другие «неинтерактивные» элементы будут настолько же неодушевленными, насколько это возможно.

Если это не проблема или ваше приложение в любом случае не сможет выжить без Javascript, у вас нет причин для беспокойства.