Всё, на что может нажать пользователь должно быть ссылкой?

Question

[Дмитрий Павлов]

Привет, тостер. Смотрю видео по верстке и услышал такую тему, что "всё, на что может нажать пользователь должно быть ссылкой"(тегом <a>). Насколько это правдиво? И в каких случаях это не так.

Answer 1

[Volodimir Babeshko]

Мы обычно просматриваем карты кликов и ставим ссылки чтобы человек не тыкал мышкой в текст, обычно это сильно раздражает если кликаешь куда-нибудь а там ссылки нет. Но тут есть правило, которого мы придерживаемся - ссылки должны быть изначально понятны и должно быть понятно что это не ссылки и вот если человек не кликает на ссылку или кликает не на ссылку, то это ошибка дизайна и это надо исправлять, самый простой и быстрый способ - поставить ссылку где её не было, самый сложный - сделать доработку дизайна более глобально

Answer 2

[Ankhena]

Без контекста не понятно что они имели в виду.

1. Все элементы на которые может захотеться кликнуть должны быть кликабельными - ДА

2.1 Тыкать для совершения каких-то действий можно только на <a> - НЕТ

2.2. Все кликабельное нужно делать с помощью <a> - НЕТ

Answer 3

[Saboteur]

ссылки, галочки, кнопки, кликать можно в поля формы, тот же фокус для ввода текста или всякие button-ы.
В общем если кто-то говорит, что "должно быть ТОЛЬКО так", без указания контекста - не верьте

Answer 4

[Павел]

Если это навигация по сайту или странице, то конечно ссылки. А если это форма? Какими костылями ребята из видео вместо <button> или <input> ставят ссылку?

Comments

[Павел]

sashabeep: не на кнопку, а вместо) я так написал.. вместо сабмита ссылку тулить этож бред)

[trushka]

Павел:, а ещё было модно некоторое время назад таблицы div'ами верстать..

Answer 5

[trushka]

Ящетаю, что ссылками должно быть только то, что можно корректно открыть в новой вкладке. Если такое не подразумевается - то button в лучшем случае - ну, чтоб всяких неприятных сюрпризов от ойпадов всяких не было.. Хотя, где-то читал, что многие проблемы с несрабатывающим в iOs кликом решаются заданием для кликабельного элемента cursor: pointer