Агар пайванд ба монанди тугма ба назар мерасад, оё бояд онро ҳамчун тугма тартиб дод?

Линкҳо (тамга <a>) барои гузаштан ба саҳифа ё манбаъ истифода мешаванд. Тугмаҳо (тамга <button>) дар саҳифаи ҳозира амалҳо иҷро мекунанд, масалан, фиристодани форма ё даъвати функсияи JavaScript.

Агар унсур амалро иҷро кунад, аммо ба назар мерасад, ки линк аст, бояд ҳамчун <button> ташкил карда шавад. Баръакс, агар унсур ба саҳифаи дигар мебарад, аммо ба назар мерасад, ки тугма аст, беҳтар аст, ки <a> истифода шавад.

Тавзеҳот аз нуқтаи назари дастрасӣ:

• Семантика: Сканерҳои экран ва дигар технологияҳои ёрдамӣ семантикаи тегҳоро барои фаҳмидани мақсади унсур истифода мебаранд. Тугма ҳамчун унсури интерактивӣ, ки метавон фаъол кард, қабул карда мешавад, линк ҳамчун унсури навигатсия.
• Интераксия бо клавиатура: Тугмаҳо ба таври стандартӣ бо тугмаи Enter ё Space фаъол мешаванд, линкҳо танҳо бо Enter. Истифодабарандагон, ки бо клавиатура навигатсия мекунанд, интизор доранд, ки чунин рафторро.
• Стил ва JavaScript: Истифодаи тегҳои дуруст ба истифодаи услубҳо ва идоракунии ҳодисаҳо кӯмак мекунад.

Масалан, линк ҳамчун тугма:

<a href="/page" class="button">Ба саҳифа гузаред</a>

Масалан, тугма, ки ба назар мерасад, ки линк аст (кам, аммо барои ҳалли UX махсус имконпазир):

<button type="button" onclick="doSomething()" class="link">Иҷрои амал</button>

Дар умум, ба семантика риоя кунед: линкҳо барои навигатсия, тугмаҳо барои амалҳо.